@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Vujahday+Script&display=swap');
.slick-slide img {
  width: 100%;
}

.itemname {
  font-size: 0.4em;
  margin-right: 0.5em;
  vertical-align: baseline; /* baseline に設定 */
  letter-spacing: 0 !important;
}
.thumbnail .slick-track {
  transform: unset !important;
}

.slick03, .slick04 {
  width: 100%;
  list-style: none;
}
.slick03 .slick-slide, .slick04 .slick-slide {
  margin-right: 0.5em !important;
  margin-left: 0.5em !important;
  margin-bottom: 0.5em !important;
}
.slick03 .slick-dots li, .slick04 .slick-dots li {
  border: 0 !important;
  width: 35px !important;
}
.slick03 .slick-dots li button:before, .slick04 .slick-dots li button:before {
  font-family: 'Noto Serif JP', serif !important;
  font-size: 50px !important;
  pointer-events: auto !important;
  border: 0 !important;
  color: #c5b899 !important;
  opacity: 0.7 !important; /* 非アクティブな状態のスタイル */
}
.slick03 .slick-dots li:hover, .slick04 .slick-dots li:hover {
  opacity: 1;
}
.slick03 .slick-dots li button:hover:before,
.slick03 .slick-dots li button:focus:before,
.slick04 .slick-dots li button:hover:before,
.slick04 .slick-dots li button:focus:before {
  opacity: 1;
}

/* アクティブなドットのスタイル */
.slick03 .slick-dots li.slick-active button,
.slick04 .slick-dots li.slick-active button {
  opacity: 1.0 !important;
  /* 他のスタイルがあればここに追加 */
}
/* 非アクティブなドットのスタイル */
.slick03 .slick-dots li button,
.slick04 .slick-dots li button {
  opacity: 0.3 !important; /* 非アクティブな状態のスタイル */
  /* 他のスタイルがあればここに追加 */
}

.slick03, .slick04 {
  display: block;
  visibility: visible;
}
