@charset "utf-8";
main[role="main"] {
    overflow: visible;
  }
main *,
::after,
::before {
  box-sizing: border-box;
}
body main {
	text-size-adjust: 100%;
  color: #282828;
  font-family: "Noto Sans JP";
  font-weight: 400;
  line-height: 1.5 !important;
}
main img {
  display: block;
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

.content-container {
  max-width: 1200px;
  margin: 0 auto;
}
.sp-only {
  display: none;
}

@media screen and (max-width: 1200px) {
  .content-container {
    padding: 0 15px;
  }
}

@media screen and (max-width: 767px) {
  main {
    margin-bottom: 0;
  }
  .content-container {
    padding: 0 15px;
  }
  .sp-only {
    display: block;
  }
  .pc-only {
    display: none;
  }
}

/* ----animation---- */
.fade-in.inview {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 1.5s, transform 1s;
}
.fade-in.inview.active {
  opacity: 1;
  transform: translateY(0px);
}
.fade-scale.inview {
  opacity: 0;
  transform: scale(.8);
  transition: .5s;
}
.fade-scale.inview.active {
  opacity: 1;
  transform: scale(1);
}
.star.inview::before {
  opacity: 0;
}
.star.inview.active::before {
  opacity: 1;
  animation: star .6s ease-in;
}
@keyframes star {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  75% {
    opacity: 1;
    transform: scale(2);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

/* ----MV---- */
.mv {
  margin-top: 88px;
}

/* ----intro---- */
.intro {
  padding: min(11.67vw, 140px) 0 min(7.5vw, 90px);
  background: #231815;
}
.intro-wrapper {
  position: relative;
  padding: min(7.5vw, 90px) 0;
}
.intro-wrapper::before,
.intro-wrapper::after {
  position: absolute;
  left: 50%;
  content: "";
  display: block;
  width: 100%;
  max-width: 536px;
  height: clamp(45px, 5vw, 60px);
  transform: translateX(-50%);
}
.intro-wrapper::before {
  top: 0;
  background: url("/pages/elegance/main/elegance_40th_anniversary/img/40th_bg_01.png") no-repeat center / contain;
}
.intro-wrapper::after {
  bottom: 0;
  background: url("/pages/elegance/main/elegance_40th_anniversary/img/40th_bg_02.png") no-repeat center / contain;
}
.intro-img {
  max-width: min(65.33vw, 784px);
  margin: min(5.67vw, 68px) auto 0;
}

@media screen and (min-width: 768px) {
  .intro-txt {
    max-width: clamp(400px, 44.42vw, 533px);
    margin: 0 auto;
  }
}

@media screen and (max-width: 767px) {
  .intro {
    padding: min(14.13vw, 80px) 0 min(13.33vw, 75px);
  }
  .intro-wrapper {
    padding: min(12.8vw, 72px) 0;
  }
  .intro-wrapper::before,
  .intro-wrapper::after {
    width: min(71.47vw, 402px);
    height: min(8vw, 45px);
  }
  .intro-txt {
    line-height: 2;
    text-align: center;
    font-family: 'Noto Serif JP', serif;
    font-size: min(3.2vw, 18px);
    font-weight: 600;
    color: #fff;
  }
  .intro-txt + .intro-txt {
    margin-top: .5em;
  }
  .intro-img {
    max-width: min(92vw, 518px);
    margin: min(12vw, 68px) auto 0;
  }
}

/* ----nav---- */
.nav {
  padding: min(4.17vw, 50px) 0 min(10vw, 120px);
  background: #231815;
}
.nav-list {
  display: flex;
  justify-content: center;
  column-gap: min(2.67vw, 32px);
  max-width: min(75vw, 900px);
  margin: 0 auto;
}
.nav-item {
  width: 100%;
  height: min(5.92vw, 71px);
}
.nav-item a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background: #c9b16e;
  font-size: 16px;
  color: #282828;
  transition: .3s;
}
.nav-item a::after {
  position: absolute;
  bottom: 12px;
  left: 50%;
  content: "";
  display: block;
  transform: translateX(-50%) rotate(45deg);
  width: 10px;
  height: 10px;
  border-bottom: solid 2px #282828;
  border-right: solid 2px #282828;
  transition: .3s;
}
.nav-item a:hover {
  background: #ddc78a;
}
.nav-item a:hover::after {
  transform: translateX(-50%) translateY(5px) rotate(45deg);
}
@media screen and (max-width: 1200px) {
  .nav-item a {
    padding-bottom: 1.2vw;
  }
  .nav-item a::after {
    bottom: 1vw;
    width: max(0.83vw, 7.5px);
    height: max(0.83vw, 7.5px);
  }
}

@media screen and (max-width: 767px) {
  .nav {
    padding: min(3.2vw, 18px) 0 min(6.4vw, 36px);
  }
  .nav-list {
    column-gap: 0;
    max-width: 100%;
  }
  .nav-item {
    position: relative;
    width: 100%;
    height: min(15.47vw, 87px);
  }
  .nav-item::after {
    position: absolute;
    top: 50%;
    right: 0;
    content: "";
    display: block;
    width: 1px;
    height: 86%;
    transform: translateY(-50%);
    background: #5c4d22;
  }
  .nav-item:last-of-type::after {
    display: none;
  }
  .nav-item a {
    padding-bottom: 0;
    font-size: min(3.2vw, 18px);
  }
  .nav-item a::after {
    bottom: min(2.67vw, 15px);
    width: min(1.87vw, 11px);
    height: min(1.87vw, 11px);
    border-bottom: solid 1px #282828;
    border-right: solid 1px #282828;
  }
  .nav-item a:hover {
    background: #c9b16e;
  }
  .nav-item a:hover::after {
    transform: translateX(-50%) translateY(0) rotate(45deg);
  }
}

/* ----HISTORY---- */
.content-history {
  padding: min(1.67vw, 20px) 0 min(10.83vw, 130px);
  background: #231815;
}
.content-history .content-container {
  padding: 0;
}
.section-title-history {
  max-width: clamp(182px, 20.25vw, 243px);
  margin: 0 auto;
}
.slider-thumbnail-wrapper {
  display: flex;
  align-items: center;
  max-width: 523px;
  height: 34px;
  margin: 43px auto 0;
  padding: 0 44px;
  border: solid 1px #fff;
  border-radius: 17px;
}
.slider-thumbnail-item {
  width: calc((100% - 45px) / 8);
  opacity: .5;
}
.slider-thumbnail-item.swiper-slide-thumb-active {
  opacity: 1;
}
.slider-thumbnail-inner {
  width: 32px;
  cursor: pointer;
}
.slider-img-wrapper {
  position: relative;
  margin-top: min(3vw, 30px);
  padding: 7px 0;
  overflow: hidden;
}
.slider-img-wrapper::before,
.slider-img-wrapper::after {
  top: 0;
  position: absolute;
  content: "";
  display: block;
  width: 200px;
  height: 100%;
  background-image: linear-gradient(90deg, #231815 12%, transparent);
  z-index: 2;
}
.slider-img-wrapper::before {
  left: 0;
}
.slider-img-wrapper::after {
  right: 0;
  transform: scale(-1, 1);
}
.slider-img {
  max-width: 1182px;
  margin: 0 auto;
  overflow: visible;
}
.slider-img-item .slider-img-item {
  opacity: .8;
  transform: scale(0.667);
  transition: transform 0.3s ease;
}
.slider-img-item.swiper-slide-active .slider-img-item {
  opacity: 1;
  transform: scale(1.051);
}
.swiper-img-button-prev,
.swiper-img-button-next {
  height: 46px;
  width: 46px;
}
.swiper-img-button-prev {
  left: 26%!important;
}
.swiper-img-button-next {
  right: 26%!important;
}
.swiper-img-button-prev.swiper-button-disabled {
  opacity: 0;
}
.swiper-img-button-next.swiper-button-disabled {
  opacity: 0;
}
.swiper-button-prev svg,
.swiper-button-next svg {
  display: none;
}
.swiper-img-button-prev:after,
.swiper-img-button-next:after {
  content: "";
  height: 46px;
  width: 46px;
  margin: auto;
}
.swiper-img-button-prev:after {
  background: url("/pages/elegance/main/elegance_40th_anniversary/img/40th_history_icon_01.png") no-repeat center / contain;
}
.swiper-img-button-next:after {
  transform: scale(-1, 1);
  background: url("/pages/elegance/main/elegance_40th_anniversary/img/40th_history_icon_01.png") no-repeat center / contain;
}
.slider-txt-wrapper {
  max-width: 530px;
  margin: 30px auto 0;
}
.slider-txt-year {
  width: clamp(45px, 5vw, 60px);
}
.slider-txt {
  margin-top: 12px;
  color: #fff;
}
.slider-txt-ttl {
  font-size: clamp(17px, 1.83vw, 22px);
  font-weight: normal;
}
.slider-txt-content {
  margin-top: 8px;
  text-align: justify;
  font-size: clamp(12px, 1.33vw, 16px);
}
.content-event-wrap {
  max-width: 560px;
  margin: 80px auto 0;
  padding: 4px;
  border: solid 1px #777;
  background: rgba(255,255,255,0.05);
}
.content-event {
  border: solid 1px #777;
  padding: 30px;
  color: #eee;
}
.event-title {
  font-size: 24px;
  text-align: center;
  color: #c9b16e;
  letter-spacing: .1em;
}
.event-title span {
  display: block;
  font-size: .6em;
}
.event-datail-wrap {
  display: flex;
  justify-content: center;
  margin-top: 1.5em;
}
.event-datail-txt {
  position: relative;
  margin-top: .5em;
  padding-left: 4em;
  font-feature-settings: "palt";
  letter-spacing: .1em;
  font-size: 16px;
}
.event-datail-txt span {
  position: absolute;
  left: 0;
  padding-left: 1em;
}
.event-datail-txt span::before {
  position: absolute;
  top: 50%;
  left: 0;
  content: "";
  display: block;
  width: .5em;
  height: .5em;
  background: #eee;
  transform: rotate(45deg) translateY(-50%);
}
.event-datail-txt a {
  color: #c9b16e;
  text-decoration: underline;
  text-underline-offset: .15em;
}
.event-datail-txt a:hover {
  color: #c9b16e;
  text-decoration: none;
}
.event-description {
  margin-top: 1.5em;
  font-size: 16px;
}

@media screen and (max-width: 1000px) {
  .slider-img-wrapper {
    padding: 0.9vw 0;
  }
  .slider-img-wrapper::before,
  .slider-img-wrapper::after {
    display: none;
  }
  .swiper-img-button-prev {
    left: 14.5%!important;
  }
  .swiper-img-button-next {
    right: 14.5%!important;
  }
}

@media screen and (max-width: 767px) {
  .content-history {
    padding: min(8vw, 45px) 0 min(20.53vw, 116px);
  }
  .section-title-history {
    max-width: min(40vw, 225px);
  }
  .slider-thumbnail-wrapper {
    display: flex;
    align-items: center;
    max-width: 100%;
    height: min(6.4vw, 36px);
    margin: min(8vw, 45px) auto 0;
    padding: 0;
    border: none;
    border-radius: 0;
  }
  .slider-thumbnail {
    padding: 0px min(6.67vw, 38px);
  }
  .slider-thumbnail-item {
    width: calc((100% - 50px) / 6);
    opacity: 1;
  }
  .slider-thumbnail-inner {
    display: flex;
    justify-content: center;
    align-items: center;
    width: min(13.87vw, 78px);
    height: min(5.33vw, 30px);
    border: solid 1px #fff;
    border-radius: 2.67vw;
  }
  .slider-thumbnail-item.swiper-slide-thumb-active .slider-thumbnail-inner {
    background: #4d4d4d;
  }
  .slider-thumbnail-inner img {
    width: min(8vw, 45px);
  }
  .slider-img-wrapper {
    margin-top: min(10.13vw, 57px);
    padding: min(2.4vw, 14px) 0;
  }
  .slider-img-item .slider-img-item {
    transform: scale(0.78);
  }
  .slider-img-item.swiper-slide-active .slider-img-item {
    opacity: 1;
    transform: scale(1.11);
  }
  .swiper-img-button-prev,
  .swiper-img-button-next {
    height: 6.13vw;
    width: 6.13vw;
  }
  .swiper-img-button-prev {
    left: 5vw!important;
  }
  .swiper-img-button-next {
    right: 5vw!important;
  }
  .slider-txt-wrapper {
    max-width: 86.67vw;
    margin: 8vw auto 0;
  }
  .slider-txt-year {
    width: min(10.93vw, 62px);
  }
  .slider-txt {
    margin-top: min(2.4vw, 14px);
    color: #fff;
  }
  .slider-txt-ttl {
    font-size: min(4vw, 23px);
    font-weight: bold;
  }
  .slider-txt-content {
    margin-top: min(1.33vw, 8px);
    font-size: min(3.2vw, 18px);
  }
  .content-event {
    padding: min(5.33vw, 30px);
  }
  .content-event-wrap {
    width: calc(100% - 30px);
    margin: min(13.33vw, 75px) auto 0;
  }
  .event-title {
    font-size: min(4.8vw, 24px);
  }
  .event-title span {
    font-size: .7em;
  }
  .event-datail-txt {
    font-size: min(3.73vw, 16px);
  }
  .event-description {
    font-size: min(3.2vw, 16px);
  }
}

/* ----RELEASE for 40th ANNIVERSARY---- */
.content-release {
  position: relative;
  margin-top: -1px;
  background: #231815;
  z-index: 0;
}
.topics-bg {
  position: relative;
}
.topics-bg::before {
  content: "";
  display: block;
  position: sticky;
  top: 88px;
  z-index: -1;
  width: 100%;
  height: 100vh;
  background: url(/pages/elegance/main/elegance_40th_anniversary/img/40th_bg_03_pc.png) no-repeat top center / cover, linear-gradient(#231815, #796736 55%, #e8d8ad) no-repeat top center / cover;
}
.section-title-release {
  max-width: clamp(507px, 56.33vw, 676px);
  margin: -100vh auto 0;
  padding: min(11.67vw, 140px) 0 0;
}
.release-lead {
  margin-top: min(4.75vw, 57px);
  text-align: center;
  font-family: 'Noto Serif JP', serif;
  font-size: clamp(18px, 2vw, 24px);
  font-weight: 600;
  color: #fff;
}
.new-item-wrapper {
  padding-bottom: min(15vw, 180px);
}
.new-item-list {
  margin-top: min(5.5vw, 66px);
}
.new-item-card {
  position: relative;
  max-width: min(83.83vw, 1006px);
  margin: 0 auto;
}
.new-item-card::before {
  position: absolute;
  top: -30px;
  left: -30px;
  content: "";
  width: 60px;
  height: 60px;
  background: url("/pages/elegance/main/elegance_40th_anniversary/img/40th_icon_01.png") no-repeat center / contain;
}
.new-item-card::after {
  position: absolute;
  top: 7px;
  left: 7px;
  content: "";
  width: 100%;
  height: 100%;
  background-image: linear-gradient(50deg, #c9b16e, #e8d8ad 31%, #c9b16e 67%, #e8d8ad);
  z-index: -1;
}
.new-item-card-wrapper + .new-item-card-wrapper {
  margin-top: min(4.67vw, 56px);
}
.new-item-card-item {
  display: flex;
  padding: min(4.17vw, 50px) 0 min(2.83vw, 34px);
  align-items: center;
  background-image: linear-gradient(0deg, #fff7dd, #ffffff 79%, #fffbee);
}
.new-item-card-wrap {
  width: 50%;
}
.new-item-card-wrapper:first-of-type .new-item-card-img {
  max-width: min(39.58vw, 475px);
  margin: min(1.33vw, 16px) 0 0 auto;
}
.new-item-card-wrapper:nth-of-type(2) .new-item-card-img {
  max-width: min(15.17vw, 182px);
  margin: 0 auto;
}
.new-item-card-wrap-col {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: min(0.83vw, 10px);
}
.new-item-card-wrapper:first-of-type .new-item-card-label {
  width: clamp(107px, 11.92vw, 143px);
}
.new-item-card-wrapper:nth-of-type(2) .new-item-card-label {
  width: clamp(92px, 10.25vw, 123px);
}
.new-item-card-date {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: clamp(116px, 13.17vw, 158px);
  height: clamp(21, 2.33vw, 28px);
  background: #c9b16e;
  font-size: clamp(12px, 1.33vw, 16px);
  color: #282828;
}
.new-item-card-el {
  margin-top: min(1.33vw, 16px);  
  text-align: center;
  font-size: clamp(12px, 1.33vw, 16px);
}
.new-item-card-name {
  text-align: center;
  font-size: clamp(17px, 1.83vw, 22px);
}
.new-item-card-type {
  text-align: center;
  font-size: clamp(12px, 1.33vw, 16px);
}
.new-item-card-txt {
  margin-top: min(1.5vw,18px);
  text-align: center;
  font-size: clamp(12px, 1.33vw, 16px);
}
.new-item-card-btn {
  position: relative;
  display: block;
  max-width: clamp(256px, 28.42vw, 341px);
  margin: min(2vw, 24px) auto 0;
  transition: .3s;
}
.new-item-card-btn::after {
  position: absolute;
  top: 50%;
  right: 40px;
  content: "";
  display: block;
  width: 0;
  height: 0;
  transform: translateY(-50%);
  border-style: solid;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 9px solid #735e25;
  border-right: 0;
  transition: .3s;
}
.new-item-card-btn:hover {
  opacity: .8;
}
.new-item-card-btn:hover::after {
  transform: translateY(-50%) translateX(5px);
}
.campaign-wrapper {
  padding: min(13.33vw, 160px) 0 min(11.5vw, 138px);
  background-image: linear-gradient(-40deg, #f8ecc5, #fffae9 34%, #f3e3af 58%, #fff7dd 84%, #f3e3b1);
}
.release-ttl-campaign {
  position: relative;
  max-width: clamp(135px, 15vw, 180px);
  margin: 0 auto;
  padding-bottom: min(1.83vw, 22px);
}
.release-ttl-campaign::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  content: "";
  display: block;
  width: clamp(92px, 10.17vw, 122px);
  height: 2px;
  background: #282828;
  transform: translateX(-50%);
}
.campaign-list {
  margin-top: min(5.5vw, 66px);
}
.campaign-card {
  position: relative;
  max-width: min(83.83vw, 1006px);
  margin: 0 auto;
}
.campaign-card::before {
  position: absolute;
  top: -30px;
  left: -30px;
  content: "";
  width: 60px;
  height: 60px;
  background: url("/pages/elegance/main/elegance_40th_anniversary/img/40th_icon_02.png") no-repeat center / contain;
}
.campaign-card-wrapper + .campaign-card-wrapper {
  margin-top: min(4.17vw, 50px);
}
.campaign-card-item {
  padding: min(1.17vw, 14px);
  background: #fff;
}
.campaign-card-inner {
  padding: min(4.17vw, 50px) min(2.5vw, 30px) min(2vw, 24px);
  border: solid 2px #f3e1aa;
}
.campaign-card-col {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: min(6.33vw, 76px);
}
.campaign-card-wrap {
  text-align: center;
}
.campaign-card-period {
  font-size: clamp(15px, 1.67vw, 20px);
}
.campaign-card-txt {
  margin-top: min(0.67vw, 8px);
  font-size: clamp(12px, 1.33vw, 16px);
}
.campaign-card-img {
  max-width: min(21vw, 252px);
}
.campaign-card-shopper {
  position: relative;
  display: flex;
  justify-content: center;
  column-gap: min(5vw, 60px);
  align-items: center;
  margin-top: min(2.33vw, 28px);
  z-index: 1;
}
.campaign-card-shopper::after {
  position: absolute;
  top: 50%;
  left: 50%;
  content: "";
  display: block;
  width: 100%;
  max-width: clamp(570px, 63.33vw, 760px);
  height: min(13.5vw, 162px);
  transform: translateY(-50%) translateX(-50%);
  background: #fffbef;
  z-index: -1;
}
.campaign-card-shopper-img {
  max-width: min(6.67vw, 80px);
}
.campaign-card-shopper-txt {
  font-size: clamp(12px, 1.33vw, 16px);
}
.campaign-card-shopper-note {
  margin-top: 3px;
  font-size: clamp(12px, 1.33vw, 16px);
  color: #757575;
}
.campaign-card-btn {
  position: relative;
  display: block;
  max-width: clamp(218px, 24.25vw, 291px);
  margin: min(1.83vw, 22px) auto 0;
  transition: .3s;
}
.campaign-card-btn::after {
  position: absolute;
  top: 50%;
  right: 30px;
  content: "";
  display: block;
  width: 0;
  height: 0;
  transform: translateY(-50%);
  border-style: solid;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 9px solid #735e25;
  border-right: 0; 
  transition: .3s;
}
.campaign-card-btn:hover {
  opacity: .8;
}
.campaign-card-btn:hover::after {
  transform: translateY(-50%) translateX(5px);
}

@media screen and (max-width: 1200px) {
  .topics-bg::before {
    background: url(/pages/elegance/main/elegance_40th_anniversary/img/40th_bg_03_sp.png) no-repeat top center / cover, linear-gradient(#231815, #796736 61%, #e8d8ad) no-repeat top center / cover;
  }
  .new-item-card-btn::after {
    right: 3.33vw;
  }
  .campaign-card-btn::after {
    right: 2.5vw;
  }
}

@media screen and (max-width: 767px) {
  .section-title-release {
    max-width: min(74.67vw, 420px);
    padding: min(12.27vw, 69px) 0 0;
  }
  .release-lead {
    margin-top: min(9.6vw, 54px);
    font-size: min(4vw, 23px);
  }
  .new-item-wrapper {
    padding-bottom: min(9.33vw, 53px);
  }
  .new-item-list {
    margin-top: min(11.2vw, 63px);
  }
  .new-item-card {
    max-width: min(86.67vw, 488px);
  }
  .new-item-card::before {
    top: -21px;
    left: -21px;
    width: 43px;
    height: 43px;
  }
  .new-item-card::after {
    top: min(1.07vw, 6px);
    left: min(1.07vw, 6px);
  }
  .new-item-card-wrapper + .new-item-card-wrapper {
    margin-top: min(7.47vw, 42px);
  }
  .new-item-card-item {
    flex-direction: column;
    padding: min(8.53vw, 48px) 0 min(8.53vw, 48px);
    background-image: linear-gradient(0deg, #fff7dd, #ffffff 90%, #fffbed);
  }
  .new-item-card-wrap {
    width: 100%;
  }
  .new-item-card-wrapper:first-of-type .new-item-card-img {
    max-width: min(79.73vw, 449px);
    margin: 0 auto;
  }
  .new-item-card-wrapper:nth-of-type(2) .new-item-card-img {
    max-width: min(31.2vw, 176px);
    margin: 0 auto;
  }
  .new-item-card-wrap-col {
    column-gap: min(2.67vw, 15px);
    margin-top: min(3.47vw, 20px);
  }
  .new-item-card-wrapper:first-of-type .new-item-card-label {
    width: min(25.87vw, 146px);
  }
  .new-item-card-wrapper:nth-of-type(2) .new-item-card-label {
    width: min(22.4vw, 126px);
  }
  .new-item-card-date {
    max-width: min(30.13vw, 170px);
    height: min(5.33vw, 30px);
    font-size: min(3.2vw, 18px);
  }
  .new-item-card-el {
    margin-top: min(3.2vw, 18px);  
    font-size: min(3.2vw, 18px);
  }
  .new-item-card-name {
    font-size: min(4.27vw, 24px);
  }
  .new-item-card-type {
    font-size: min(3.2vw, 18px);
  }
  .new-item-card-txt {
    margin-top: min(3.2vw, 18px);
    font-size: min(3.2vw, 18px);
  }
  .new-item-card-btn {
    max-width: min(76.8vw, 432px);
    margin: min(3.2vw, 18px) auto 0;
  }
  .new-item-card-btn::after {
    right: 12vw;
    border-top: min(1.07vw, 6px) solid transparent;
    border-bottom: min(1.07vw, 6px) solid transparent;
    border-left: min(1.6vw, 9px) solid #735e25;
  }
  .campaign-wrapper {
    padding: min(14.93vw, 84px) 0 min(14.93vw, 84px);
    background-image: linear-gradient(150deg, #f8ecc5, #fffaea 12%, #f3e3ad 31%, #fff7dd 69%, #f3e3b1);
  }
  .release-ttl-campaign {
    max-width: min(33.33vw, 188px);
    padding-bottom: min(4vw, 23px);
  }
  .release-ttl-campaign::after {
    width: min(16.27vw, 92px);
    height: 1px;
  }
  .campaign-list {
    margin-top: min(8.27vw, 47px);
  }
  .campaign-card {
    max-width: min(86.67vw, 488px);
  }
  .campaign-card::before {
    top: -21px;
    left: -21px;
    width: 42px;
    height: 42px;
  }
  .campaign-card-wrapper + .campaign-card-wrapper {
    margin-top: min(9.33vw, 53px);
  }
  .campaign-card-item {
    padding: min(1.87vw, 11px);
    background: #fff;
  }
  .campaign-card-inner {
    padding: min(6.67vw, 38px) min(2.67vw, 15px) min(8.27vw, 47px);
    border: solid 1px #f3e1aa;
  }
  .campaign-card-col {
    flex-direction: column;
    row-gap: min(5.87vw, 33px);
  }
  .campaign-card-period {
    font-size: min(4vw, 23px);
  }
  .campaign-card-txt {
    margin-top: min(4vw, 23px);
    font-size: min(3.2vw, 18px);
  }
  .campaign-card-img {
    max-width: min(43.2vw, 243px);
  }
  .campaign-card-shopper {
    column-gap: min(43.2vw, 36px);
    margin-top: min(6.13vw, 35px);
  }
  .campaign-card-shopper::after {
    display: none;
  }
  .campaign-card-shopper-img {
    max-width: min(13.33vw, 75px);
  }
  .campaign-card-shopper-txt {
    text-align: center;
    font-size: min(3.2vw, 18px);
  }
  .campaign-card-shopper-note {
    margin-top: min(1.33vw, 8px);
    text-align: center;
    font-size: min(3.2vw, 18px);
  }
  .campaign-card-btn {
    max-width: min(76.8vw, 432px);
    margin: min(8.53vw, 48px) auto 0;
  }
  .campaign-card-btn:hover {
    opacity: 1;
  }
  .campaign-card-btn::after {
    right: 12vw;
    border-top: min(1.07vw, 6px) solid transparent;
    border-bottom: min(1.07vw, 6px) solid transparent;
    border-left: min(1.6vw, 9px) solid #735e25;
  }
  .campaign-card-btn:hover::after {
    transform: translateY(-50%) translateX(0);
  }
}



/* ----Shop Search---- */
.elegancetop {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}
.elg-store-finder-link .elg-store-finder-link__button {
  max-width: 550px !important;
}
.search-shops {
  width: 100%;
}


@media screen and (max-width: 767px) {
  .elg-store-finder-link {
    padding: 0 !important;
  }
  .elegancetop__banner {
    margin: 0 !important;
  }
}

/* ----Other Collection---- */
.other-collection {
  margin: 15px 0;
}
.collection-list {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  padding: 0 30px;
}
.collection-item {
  width: calc((100% - 30px) / 2);
  overflow: hidden;
}
.collection-item a img {
  transition: .3s;
}
.collection-item a:hover img {
  transform: scale(1.05);
}

@media screen and (max-width: 1200px) {
  .collection-list {
    padding: 0;
  }
}

@media screen and (max-width: 767px) {
  .other-collection {
    margin: 8% 0 15%;
  }
  .collection-list {
    flex-direction: column;
    padding: 0;
  }
  .collection-item {
    width: 100%;
  }
  .collection-item img {
    width: 100%;
  }
}