@charset "UTF-8";
:root {
  --main-color: #E23BA7;
  --sub-color: #D0B9A1;
  --rgb: 255, 255, 255;
  --top_btn-color: #000;
  --opacity: 0.7;
  --basis-width: 768;
}

.img_overlay {
  max-width: 100%;
  text-align: center;
  overflow: hidden;
  position: relative;
}

.bk_wrap {
  position: fixed;
  width: 100%;
  height: 100vh;
  background-image: url("/contents/img/lp_apieu2023/back_img.jpg");
  background-repeat: repeat-x;
  background-size: cover;
  background-position: 0 0;
  max-width: initial;
  top: 0;
  z-index: -3;
}

#apieu2023 {
  width: 768px;
  max-width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  font-size: min(30px, calc((30 / 768) * 100vw));
  color: #4D4D4D;
}

#apieu2023 a {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  display: block;
}

#apieu2023 a:hover {
  opacity: var(--opacity);
}

#apieu2023 img {
  display: block;
  margin-right: auto;
  margin-left: auto;
  height: auto;
}

#apieu2023 button {
  padding: 0;
  border: none;
  outline: none;
  font: inherit;
  color: var(--main-color);
  background: none;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  cursor: pointer;
}

#apieu2023 button:hover {
  opacity: var(--opacity);
}

#apieu2023 picture {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

#apieu2023 .small {
  font-size: min(24px, calc((24 / 768) * 100vw));
  text-align: center;
  vertical-align: baseline;
  line-height: 1.3;
  margin-left: auto;
  margin-right: auto;
  letter-spacing: normal;
}

#apieu2023 .caption {
  font-size: min(12px, calc((12 / 768) * 100vw));
  line-height: 1.5;
  text-align: left;
  vertical-align: super;
  letter-spacing: normal;
}

#apieu2023 .fadein {
  opacity: 0;
  -webkit-transform: translateY(5px);
          transform: translateY(5px);
  -webkit-transition: all 1s;
  transition: all 1s;
}

#apieu2023 .vid_contents {
  background-image: url("/photo/goodsimg/Loading_video.png");
  background-repeat: no-repeat;
  background-position: center;
  text-align: center;
}

#apieu2023 video {
  width: 100%;
  display: block;
}

#apieu2023 .arrow {
  position: relative;
  margin-left: -2em;
}

#apieu2023 .arrow::after {
  content: "";
  position: absolute;
  top: 43%;
  right: 5%;
  border-right: 0.15em solid var(--top_btn-color);
  border-top: 0.15em solid var(--top_btn-color);
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 0.7em;
  height: 0.7em;
  display: block;
}

#apieu2023 .tag {
  border: 1px solid var(--main-color);
  display: inline-block;
  padding: 0 1em 0.1em;
}

#apieu2023 .price .unit {
  font-size: 65%;
}

#apieu2023 .item {
  width: 48%;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#apieu2023 .item__list {
  font-size: min(28px, calc((28 / 768) * 100vw));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 3.5em 4%;
  margin: 0 auto;
  width: min(680px, calc((680 / var(--basis-width)) * 100%));
}

#apieu2023 .item__name {
  margin-top: min(24px, calc((24 / 768) * 100vw));
}

#apieu2023 .item .price {
  font-size: 1.5em;
}

#apieu2023 .cart_btn {
  width: min(672px, calc((672 / var(--basis-width)) * 100%));
  -webkit-filter: drop-shadow(0.1em 0.3em 0.2em rgba(127, 47, 93, 0.2));
          filter: drop-shadow(0.1em 0.3em 0.2em rgba(127, 47, 93, 0.2));
}

#apieu2023 .more_info {
  margin-top: min(248px, calc((248 / 768) * 100vw));
}

#apieu2023 .more_info .cart_btn {
  color: #fff;
  text-decoration: none;
  width: 100%;
  padding: 1em 0;
  font-size: 0.8em;
  margin-top: min(28px, calc((28 / 768) * 100vw));
  background-color: var(--cart_btn-color);
}

#apieu2023 .more_info .item {
  background-color: rgba(255, 255, 255, 0.7);
  padding: 5% 2%;
}

#apieu2023 .more_info .item a {
  color: #4D4D4D;
}

#apieu2023 .more_info .item .tag {
  border: none;
  background-color: #F682BF;
  font-size: min(24px, calc((24 / 768) * 100vw));
  color: #fff;
  margin-top: min(20px, calc((20 / 768) * 100vw));
}

#apieu2023 .more_info .item .price {
  margin-top: min(20px, calc((20 / 768) * 100vw));
  color: #4D4D4D;
}

#apieu2023 .more_info .item .cart_btn {
  background-color: var(--main-color);
  color: #fff;
  font-size: min(25px, calc((25 / 768) * 100vw));
  -webkit-filter: none;
          filter: none;
}

#apieu2023 .more_info .item .arrow {
  margin-left: 0;
}

#apieu2023 .more_info .item .arrow > * {
  margin-left: -0.5em;
}

#apieu2023 .more_info .item .arrow::after {
  border-right: 0.1em solid #fff;
  border-top: 0.1em solid #fff;
  width: 0.5em;
  height: 0.5em;
  right: 10%;
}

#apieu2023 .more_info .item__list {
  margin-top: min(86px, calc((86 / 768) * 100vw));
  font-size: min(26px, calc((26 / 768) * 100vw));
  width: min(728px, calc((728 / var(--basis-width)) * 100%));
}

#apieu2023 .anchor {
  padding-top: min(200px, calc((200 / 768) * 100vw));
  padding-bottom: min(200px, calc((200 / 768) * 100vw));
}

#apieu2023 .anchor__ttl {
  width: min(232px, calc((232 / var(--basis-width)) * 100%));
}

#apieu2023 .anchor__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  row-gap: 1rem;
  margin: 0 auto;
  width: min(713px, calc((713 / var(--basis-width)) * 100%));
  margin-top: min(60px, calc((60 / 768) * 100vw));
}

#apieu2023 .anchor__item {
  position: relative;
  width: 49%;
  -webkit-filter: drop-shadow(0.1em 0.3em 0.2em rgba(73, 61, 42, 0.3));
          filter: drop-shadow(0.1em 0.3em 0.2em rgba(73, 61, 42, 0.3));
}

#apieu2023 .anchor__item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 5em;
}

#apieu2023 .anchor__item a:hover {
  text-decoration: none;
}

#apieu2023 .anchor__item a::after {
  content: "";
  position: absolute;
  top: 35%;
  right: 1em;
  border-right: 2px solid #000;
  border-top: 2px solid #000;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  width: 0.7em;
  height: 0.7em;
  display: block;
}

#apieu2023 .top_btn {
  color: var(--top_btn-color);
  font-size: min(24px, calc((24 / 768) * 100vw));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: min(490px, calc((490 / var(--basis-width)) * 100%));
  padding: 6% 0;
  margin: 0 auto;
  border: 1px solid var(--top_btn-color);
  margin-top: min(200px, calc((200 / 768) * 100vw));
}

#apieu2023 .top_btn:hover {
  text-decoration: none;
  color: var(--top_btn-color);
}

#apieu2023 .top_btn.arrow > * {
  margin-left: -0.2em;
}

#apieu2023 .more-read__wrap {
  display: none;
}

#apieu2023 .more-read__link {
  margin-top: 1em;
  margin-bottom: 1em;
  text-decoration: underline;
}

#apieu2023 .slider_arrow {
  position: absolute;
  top: 45%;
  content: "";
  display: block;
  height: 1.5em;
  width: 1.5em;
  background-color: rgba(163, 163, 163, 0.3);
}

#apieu2023 .slider_prev_arrow {
  left: 0;
  z-index: 1;
}

#apieu2023 .slider_prev_arrow::after {
  position: absolute;
  content: "";
  border-right: 0.15em solid #fff;
  border-top: 0.15em solid #fff;
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg);
  height: 33%;
  width: 33%;
  top: 35%;
  left: 38%;
}

#apieu2023 .slider_next_arrow {
  right: 0;
}

#apieu2023 .slider_next_arrow::after {
  position: absolute;
  content: "";
  border-right: 0.15em solid #fff;
  border-top: 0.15em solid #fff;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  height: 33%;
  width: 33%;
  top: 35%;
  left: 27%;
}

#apieu2023 .slider .slick-dots {
  font-size: min(18px, calc((18 / 768) * 100vw));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
  margin-top: min(40px, calc((40 / 768) * 100vw));
  position: absolute;
  bottom: -7%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-column-gap: 0.9em;
          column-gap: 0.9em;
}

#apieu2023 .slider .slick-dots li {
  position: relative;
  display: inline-block;
  padding: 0;
}

#apieu2023 .slider .slick-dots li button {
  display: block;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  width: 1em;
  height: 1em;
}

#apieu2023 .slider .slick-dots li button::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 1em;
  height: 1em;
  content: '';
  text-align: center;
  -webkit-font-smoothing: antialiased;
  background-color: transparent;
  border: solid 1px #4D4D4D;
  border-radius: 100%;
}

#apieu2023 .slider .slick-dots li.slick-active button::before {
  background-color: #4D4D4D;
}

#apieu2023 .point {
  border-radius: 768px;
}

#apieu2023 .bg-wrap {
  background-color: #f3deef;
}

#apieu2023 .desc {
  background-color: rgba(255, 255, 255, 0.35);
  color: var(--main-color);
  padding-top: min(200px, calc((200 / 768) * 100vw));
}

#apieu2023 .desc__lead02 {
  margin-top: min(124px, calc((124 / 768) * 100vw));
}

#apieu2023 .desc__img {
  margin-top: min(86px, calc((86 / 768) * 100vw));
}

#apieu2023 .desc__slider {
  margin-top: min(86px, calc((86 / 768) * 100vw));
}

#apieu2023 .desc__small {
  margin-top: min(20px, calc((20 / 768) * 100vw));
  font-size: min(23px, calc((23 / 768) * 100vw));
  color: #666;
}

#apieu2023 .reserve {
  padding-top: min(200px, calc((200 / 768) * 100vw));
}

#apieu2023 .reserve__lead {
  font-size: min(42px, calc((42 / 768) * 100vw));
  font-style: italic;
}

#apieu2023 .reserve__lead .underline {
  position: relative;
}

#apieu2023 .reserve__lead .underline::after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 0.5em;
  bottom: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.3);
  -webkit-clip-path: polygon(2% 0%, 100% 0%, 98% 100%, 0% 100%);
          clip-path: polygon(2% 0%, 100% 0%, 98% 100%, 0% 100%);
  z-index: -1;
}

#apieu2023 .reserve__small {
  margin-top: min(20px, calc((20 / 768) * 100vw));
  color: #666;
}

#apieu2023 .reserve__date-wrap {
  padding-bottom: min(124px, calc((124 / 768) * 100vw));
}

#apieu2023 .reserve__name {
  font-size: min(27px, calc((27 / 768) * 100vw));
  font-weight: 500;
  display: inline-block;
  padding: 0 1em;
  color: #fff;
  background-color: var(--main-color);
  margin-top: min(86px, calc((86 / 768) * 100vw));
}

#apieu2023 .reserve__date {
  width: min(606px, calc((606 / var(--basis-width)) * 100%));
  margin-top: min(20px, calc((20 / 768) * 100vw));
}

#apieu2023 .reserve-item {
  padding-top: min(124px, calc((124 / 768) * 100vw));
  padding-bottom: min(124px, calc((124 / 768) * 100vw));
}

#apieu2023 .reserve-item__num {
  width: min(124px, calc((124 / var(--basis-width)) * 100%));
}

#apieu2023 .reserve-item__ttl {
  width: min(540px, calc((540 / var(--basis-width)) * 100%));
}

#apieu2023 .reserve-item__lead {
  color: var(--sub-color);
  margin-top: min(64px, calc((64 / 768) * 100vw));
  font-size: min(40px, calc((40 / 768) * 100vw));
}

#apieu2023 .reserve-item__lead .l-char {
  font-size: min(64px, calc((64 / 768) * 100vw));
}

#apieu2023 .reserve-item__lead .s-char {
  font-size: min(32px, calc((32 / 768) * 100vw));
}

#apieu2023 .reserve-item__lead02 {
  margin-top: min(60px, calc((60 / 768) * 100vw));
}

#apieu2023 .reserve-item__img01 {
  margin-top: min(60px, calc((60 / 768) * 100vw));
}

#apieu2023 .reserve-item__txt {
  width: min(644px, calc((644 / var(--basis-width)) * 100%));
  margin: 0 auto;
  text-align: left;
  color: #4D4D4D;
}

#apieu2023 .reserve-item__small {
  width: min(644px, calc((644 / var(--basis-width)) * 100%));
  text-align: left;
  color: #4D4D4D;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#apieu2023 .reserve-item01 {
  background-color: rgba(226, 59, 167, 0.25);
}

#apieu2023 .reserve-item01 .reserve-item__txt {
  margin-top: min(60px, calc((60 / 768) * 100vw));
}

#apieu2023 .reserve-item01 .reserve-item__txt + .reserve-item__txt {
  margin-top: min(40px, calc((40 / 768) * 100vw));
}

#apieu2023 .reserve-item01 .reserve-item__small {
  margin-top: min(20px, calc((20 / 768) * 100vw));
  font-size: min(26px, calc((26 / 768) * 100vw));
  letter-spacing: -0.01em;
}

#apieu2023 .reserve-item02 {
  background-color: rgba(246, 130, 191, 0.25);
}

#apieu2023 .reserve-item02 .reserve-item__lead {
  margin-top: 0;
  color: var(--main-color);
}

#apieu2023 .reserve-item02 .reserve-item__txt {
  text-align: center;
  margin-top: min(60px, calc((60 / 768) * 100vw));
}

#apieu2023 .reserve-item02 .reserve-item__lead-txt {
  margin-top: min(60px, calc((60 / 768) * 100vw));
  color: var(--main-color);
  font-size: min(40px, calc((40 / 768) * 100vw));
}

#apieu2023 .reserve-item02 .reserve-item__lead-txt02 {
  margin-top: min(60px, calc((60 / 768) * 100vw));
}

#apieu2023 .reserve-item02 .reserve-item__img {
  margin-top: min(60px, calc((60 / 768) * 100vw));
}

#apieu2023 .reserve-item02 .reserve-item__txt--small {
  font-size: min(14px, calc((14 / 768) * 100vw));
  margin-top: min(20px, calc((20 / 768) * 100vw));
  color: #4D4D4D;
}

#apieu2023 .reserve-item02 .reserve-item__small {
  font-size: min(21px, calc((21 / 768) * 100vw));
  margin-top: min(40px, calc((40 / 768) * 100vw));
  color: var(--main-color);
}

#apieu2023 .reserve__more-read {
  width: min(664px, calc((664 / var(--basis-width)) * 100%));
  margin: 0 auto;
  margin-top: min(60px, calc((60 / 768) * 100vw));
}

@media screen and (max-width: 768px) {
  #apieu2023 .reserve__more-read {
    padding-top: 21vw;
    margin-top: -14vw;
  }
}

#apieu2023 .reserve__more-read + .reserve__more-read {
  margin-top: min(20px, calc((20 / 768) * 100vw));
}

@media screen and (max-width: 768px) {
  #apieu2023 .reserve__more-read + .reserve__more-read {
    margin-top: -14vw;
  }
}

#apieu2023 .reserve__more-read .more-read__btn {
  background-color: #808080;
  color: #fff;
  width: 100%;
  font-size: min(28px, calc((28 / 768) * 100vw));
  padding: 1.5em 0;
  max-height: 129px;
  position: relative;
}

#apieu2023 .reserve__more-read .more-read__btn::after {
  content: "＋";
  position: absolute;
  font-size: 1.2em;
  font-weight: 500;
  top: 29%;
  right: 1em;
  width: 1.2em;
  height: 1.2em;
  display: block;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

#apieu2023 .reserve__more-read .more-read__btn.active::after {
  opacity: 0;
}

#apieu2023 .reserve__more-read .more-read__wrap {
  font-size: min(26px, calc((26 / 768) * 100vw));
  padding-top: min(60px, calc((60 / 768) * 100vw));
  padding-bottom: min(60px, calc((60 / 768) * 100vw));
  padding-left: 7%;
  padding-right: 7%;
  text-align: left;
  background-color: #fff;
  color: #4D4D4D;
}

#apieu2023 .reserve__more-read .close-btn {
  width: 100%;
  font-size: min(24px, calc((24 / 768) * 100vw));
  background-color: #808080;
  color: #fff;
  position: relative;
  padding: 1.5em 0;
  display: block;
  margin: 0 auto;
  margin-top: min(60px, calc((60 / 768) * 100vw));
}

#apieu2023 .reserve__more-read .close-btn::after {
  content: "－";
  position: absolute;
  font-size: 1.2em;
  font-weight: 500;
  top: 29%;
  right: 1em;
  width: 1.2em;
  height: 1.2em;
  display: block;
}

#apieu2023 .reserve-anchor {
  margin-top: -8%;
  padding-top: 0;
  padding-bottom: 0;
}

#apieu2023 .reserve-anchor__ttl {
  font-size: min(27px, calc((27 / 768) * 100vw));
  font-weight: 500;
  font-style: italic;
  color: var(--main-color);
  width: min(663px, calc((663 / var(--basis-width)) * 100%));
}

#apieu2023 .reserve-anchor__ttl .l-char {
  font-size: min(34px, calc((34 / 768) * 100vw));
}

#apieu2023 .reserve-anchor__list {
  margin-top: min(30px, calc((30 / 768) * 100vw));
}

#apieu2023 .reserve-anchor__item {
  -webkit-filter: drop-shadow(0.1em 0.3em 0.2em rgba(73, 61, 42, 0.3));
          filter: drop-shadow(0.1em 0.3em 0.2em rgba(73, 61, 42, 0.3));
}

#apieu2023 .modal_btn__wrap {
  padding-top: min(124px, calc((124 / 768) * 100vw));
  padding-bottom: min(124px, calc((124 / 768) * 100vw));
}

#apieu2023 .modal_btn02 {
  padding-bottom: min(124px, calc((124 / 768) * 100vw));
}

#apieu2023 .modal__small {
  margin-top: min(20px, calc((20 / 768) * 100vw));
}

#apieu2023 .modal_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: .2s;
  transition: .2s;
  overscroll-behavior: contain;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
  -ms-touch-action: none;
  touch-action: none;
  color: #000;
}

#apieu2023 .modal_container.active {
  opacity: 1;
  visibility: visible;
}

#apieu2023 .modal_container::before {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: calc(100vh + 1px);
  width: 1px;
}

#apieu2023 .modal_container::after {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: calc(100vh + 1px);
  width: 1px;
}

#apieu2023 .modal_container .cart_btn + .cart_btn {
  margin-top: min(30px, calc((30 / 768) * 100vw));
}

#apieu2023 .modal_container .btn_wrap {
  margin-top: min(40px, calc((40 / 768) * 100vw));
}

#apieu2023 .modal_body {
  width: min(713px, calc((713 / var(--basis-width)) * 100%));
  background-color: #fff;
  padding-bottom: min(76px, calc((76 / 768) * 100vw));
  position: relative;
}

#apieu2023 .modal_contents {
  padding-top: min(76px, calc((76 / 768) * 100vw));
  padding-bottom: min(44px, calc((44 / 768) * 100vw));
  font-size: min(32px, calc((32 / 768) * 100vw));
  --basis-width: 713;
}

#apieu2023 .modal_contents .tag {
  font-size: min(26px, calc((26 / 768) * 100vw));
  color: #fff;
  background-color: var(--main-color);
}

#apieu2023 .modal_contents .cart_btn {
  width: min(651px, calc((651 / var(--basis-width)) * 100%));
  margin: 0 auto;
  -webkit-filter: drop-shadow(0.1em 0.3em 0.2em rgba(63, 63, 63, 0.25));
          filter: drop-shadow(0.1em 0.3em 0.2em rgba(63, 63, 63, 0.25));
}

#apieu2023 .modal_close {
  position: absolute;
  bottom: 4%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  cursor: pointer;
}

#apieu2023 .modal__ttl {
  width: min(470px, calc((470 / var(--basis-width)) * 100%));
  margin-top: min(30px, calc((30 / 768) * 100vw));
}

#apieu2023 .modal__txt {
  font-size: min(27px, calc((27 / 768) * 100vw));
  margin-top: min(30px, calc((30 / 768) * 100vw));
}

#apieu2023 .section__ttl {
  position: relative;
  display: inline-block;
  font-size: min(33px, calc((33 / 768) * 100vw));
  color: var(--main-color);
}

#apieu2023 .section__ttl::after {
  content: "";
  position: absolute;
  display: block;
  width: 120%;
  height: 1px;
  bottom: -0.2em;
  left: -10%;
  background-color: var(--main-color);
}

#apieu2023 .section__lead {
  width: min(668px, calc((668 / var(--basis-width)) * 100%));
}

#apieu2023 .coffret {
  background-color: rgba(255, 255, 255, 0.35);
  padding-top: min(124px, calc((124 / 768) * 100vw));
  padding-bottom: min(200px, calc((200 / 768) * 100vw));
}

#apieu2023 .coffret__name {
  width: min(279px, calc((279 / var(--basis-width)) * 100%));
}

#apieu2023 .coffret__img01 {
  margin-top: min(86px, calc((86 / 768) * 100vw));
}

#apieu2023 .coffret__lead {
  width: min(683px, calc((683 / var(--basis-width)) * 100%));
  margin-top: min(86px, calc((86 / 768) * 100vw));
}

#apieu2023 .coffret__small {
  text-align: left;
  width: min(644px, calc((644 / var(--basis-width)) * 100%));
  margin-top: min(40px, calc((40 / 768) * 100vw));
  font-size: min(23px, calc((23 / 768) * 100vw));
  letter-spacing: -0.06em;
}

#apieu2023 .coffret__txt {
  font-size: min(36px, calc((36 / 768) * 100vw));
  color: var(--main-color);
  margin-top: min(20px, calc((20 / 768) * 100vw));
}

#apieu2023 .coffret__txt .s-char {
  font-size: min(28px, calc((28 / 768) * 100vw));
  display: block;
}

#apieu2023 .coffret__catch {
  width: min(462px, calc((462 / var(--basis-width)) * 100%));
}

#apieu2023 .coffret .price {
  font-size: min(40px, calc((40 / 768) * 100vw));
  margin-top: min(10px, calc((10 / 768) * 100vw));
  color: var(--main-color);
}

#apieu2023 .coffret .cart_btn__wrap {
  margin-top: min(124px, calc((124 / 768) * 100vw));
}

#apieu2023 .coffret .cart_btn {
  margin: 0 auto;
  margin-top: min(60px, calc((60 / 768) * 100vw));
}

#apieu2023 .coffret .cart_btn + .cart_btn {
  margin-top: min(40px, calc((40 / 768) * 100vw));
}

#apieu2023 .coffret .tag {
  margin-top: min(20px, calc((20 / 768) * 100vw));
  color: var(--main-color);
}

#apieu2023 .coffret .color {
  font-size: min(27px, calc((27 / 768) * 100vw));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: min(646px, calc((646 / var(--basis-width)) * 100%));
  margin: 0 auto;
  margin-top: min(20px, calc((20 / 768) * 100vw));
}

#apieu2023 .coffret .color__item {
  position: relative;
  text-align: left;
  padding-left: 15%;
}

#apieu2023 .coffret .color__item::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 110%;
  top: -5%;
  left: -1%;
  background-repeat: no-repeat;
  background-size: contain;
}

#apieu2023 .coffret .color__item01::before {
  background-image: url("/contents/img/lp_apieu2023/ico_21.png");
}

#apieu2023 .coffret .color__item02::before {
  background-image: url("/contents/img/lp_apieu2023/ico_23.png");
}

#apieu2023 .coffret .auto-slider {
  margin-top: min(124px, calc((124 / 768) * 100vw));
}

#apieu2023 .coffret__more-read {
  width: min(664px, calc((664 / var(--basis-width)) * 100%));
  margin: 0 auto;
}

#apieu2023 .coffret .more-read__btn--hidden {
  font-size: min(28px, calc((28 / 768) * 100vw));
  font-weight: 500;
  width: 100%;
  border: 1px solid #4D4D4D;
  color: #4D4D4D;
  padding: 1.5em 0;
  max-height: 129px;
  position: relative;
  margin-top: min(86px, calc((86 / 768) * 100vw));
}

#apieu2023 .coffret .more-read__btn--hidden::after {
  content: "＋";
  position: absolute;
  font-size: 1.2em;
  font-weight: 500;
  top: 29%;
  right: 1em;
  width: 1.2em;
  height: 1.2em;
  display: block;
}

#apieu2023 .coffret .close-btn {
  font-size: min(28px, calc((28 / 768) * 100vw));
  font-weight: 500;
  width: 100%;
  border: 1px solid #4D4D4D;
  color: #4D4D4D;
  padding: 1.5em 0;
  max-height: 129px;
  position: relative;
  margin-top: min(86px, calc((86 / 768) * 100vw));
}

#apieu2023 .coffret .close-btn::after {
  content: "－";
  position: absolute;
  font-size: 1.2em;
  font-weight: 500;
  top: 29%;
  right: 1em;
  width: 1.2em;
  height: 1.2em;
  display: block;
}

#apieu2023 .coffret .more-read__wrap {
  text-align: left;
  padding-bottom: min(86px, calc((86 / 768) * 100vw));
}

#apieu2023 .coffret .more-read-list {
  margin-top: min(86px, calc((86 / 768) * 100vw));
}

#apieu2023 .coffret .more-read-item__name {
  color: #fff;
  background-color: #F096BD;
  display: inline-block;
  padding: 0 1em;
}

#apieu2023 .coffret .more-read-item__txt {
  margin-top: min(20px, calc((20 / 768) * 100vw));
  letter-spacing: -0.02em;
}

#apieu2023 .coffret .more-read-item__small {
  color: #F096BD;
  font-size: min(26px, calc((26 / 768) * 100vw));
  margin-top: min(20px, calc((20 / 768) * 100vw));
}

#apieu2023 .coffret .more-read-item + .more-read-item {
  margin-top: min(40px, calc((40 / 768) * 100vw));
}

#apieu2023 .coffret .b-char {
  font-weight: 500;
}

#apieu2023 .coffret .sub-name {
  font-size: min(28px, calc((28 / 768) * 100vw));
  margin-top: min(40px, calc((40 / 768) * 100vw));
}

#apieu2023 .coffret-item {
  margin-top: min(200px, calc((200 / 768) * 100vw));
}

#apieu2023 .coffret-item__wrap {
  position: relative;
}

#apieu2023 .coffret-item__wrap .coffret-item__lead {
  margin-top: min(200px, calc((200 / 768) * 100vw));
}

#apieu2023 .coffret-item__wrap:last-child {
  padding-bottom: 0;
}

#apieu2023 .coffret-item__wrap:last-child::after {
  content: none;
}

#apieu2023 .coffret-item__wrap02 .sub-name {
  margin-top: 0;
}

#apieu2023 .coffret-item__ttl {
  position: relative;
  display: inline-block;
  font-size: min(33px, calc((33 / 768) * 100vw));
  color: var(--main-color);
}

#apieu2023 .coffret-item__ttl::after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 1px;
  bottom: -0.2em;
  left: 0;
  background-color: var(--main-color);
}

#apieu2023 .coffret-item__lead {
  margin-top: min(86px, calc((86 / 768) * 100vw));
}

#apieu2023 .coffret-item__name {
  margin-top: min(100px, calc((100 / 768) * 100vw));
  font-size: min(36px, calc((36 / 768) * 100vw));
}

#apieu2023 .coffret-item__name .s-char {
  font-size: min(27px, calc((27 / 768) * 100vw));
  font-weight: 500;
}

#apieu2023 .coffret-item__txt {
  margin-top: min(60px, calc((60 / 768) * 100vw));
}

#apieu2023 .coffret-item__small {
  font-size: min(26px, calc((26 / 768) * 100vw));
  text-align: left;
  color: #E55CA3;
  width: min(645px, calc((645 / var(--basis-width)) * 100%));
  margin: 0 auto;
  margin-top: min(60px, calc((60 / 768) * 100vw));
  letter-spacing: -0.08em;
}

#apieu2023 .coffret-item__inner + .coffret-item__inner {
  margin-top: min(124px, calc((124 / 768) * 100vw));
}

#apieu2023 .coffret-item__inner > * + * {
  margin-top: min(60px, calc((60 / 768) * 100vw));
}

#apieu2023 .coffret-item__inner-ttl {
  color: #4D4D4D;
}

#apieu2023 .coffret-item__inner-ttl::after {
  background-color: #4d4d4d;
}

#apieu2023 .coffret-item__img {
  margin-top: min(60px, calc((60 / 768) * 100vw));
}

#apieu2023 .coffret-item__img-txt {
  margin-top: min(20px, calc((20 / 768) * 100vw));
}

#apieu2023 .coffret-item__img-wrap01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#apieu2023 .coffret-item__img-wrap02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: min(724px, calc((724 / var(--basis-width)) * 100%));
  margin: 0 auto;
  margin-top: min(60px, calc((60 / 768) * 100vw));
}

#apieu2023 .coffret-item__img-wrap02 .coffret-item__img {
  margin-top: 0;
}

#apieu2023 .coffret-item .item03__img02 {
  width: min(392px, calc((392 / var(--basis-width)) * 100%));
}

#apieu2023 .coffret-item .item03__img03 {
  width: min(368px, calc((368 / var(--basis-width)) * 100%));
}

#apieu2023 .coffret-item .item03__img04 {
  position: relative;
}

#apieu2023 .coffret-item .item03__img04::before {
  content: "";
  position: absolute;
  display: block;
  width: 10%;
  aspect-ratio: 39/67;
  top: -4%;
  left: 5.5%;
  background-image: url("/contents/img/lp_apieu2023/num1.png");
  background-size: contain;
  background-repeat: no-repeat;
}

#apieu2023 .coffret-item .item03__img05 {
  position: relative;
}

#apieu2023 .coffret-item .item03__img05::before {
  content: "";
  position: absolute;
  display: block;
  width: 10%;
  aspect-ratio: 39/67;
  top: -4%;
  left: 5.5%;
  background-image: url("/contents/img/lp_apieu2023/num2.png");
  background-size: contain;
  background-repeat: no-repeat;
}

#apieu2023 .coffret-item .item03__img06 {
  position: relative;
  width: min(723px, calc((723 / var(--basis-width)) * 100%));
  margin: 0 auto;
}

#apieu2023 .coffret-item .item03__img06::before {
  content: "";
  position: absolute;
  display: block;
  width: 5%;
  aspect-ratio: 39/67;
  top: -7%;
  left: 5.5%;
  background-image: url("/contents/img/lp_apieu2023/num3.png");
  background-size: contain;
  background-repeat: no-repeat;
}

#apieu2023 .item-slider {
  margin-top: min(60px, calc((60 / 768) * 100vw));
  background-color: #fff;
}

#apieu2023 .item-slider__wrap + .item-slider__wrap {
  margin-top: min(20px, calc((20 / 768) * 100vw));
}

#apieu2023 .item-slider__inner {
  width: 100%;
  aspect-ratio: 1/1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

#apieu2023 .item-slider__ttl {
  color: #876C50;
  font-size: min(34px, calc((34 / 768) * 100vw));
  position: relative;
  margin-bottom: min(50px, calc((50 / 768) * 100vw));
  font-style: italic;
  display: inline-block;
}

#apieu2023 .item-slider__ttl::after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  bottom: -0.5em;
  left: 0;
  background-color: #876C50;
}

#apieu2023 .item-slider__img {
  width: min(580px, calc((580 / var(--basis-width)) * 100%));
}

#apieu2023 .item-slider__txt {
  font-size: min(28px, calc((28 / 768) * 100vw));
  color: #333;
  margin-top: min(30px, calc((30 / 768) * 100vw));
}

#apieu2023 .item-slider__wrap {
  width: min(580px, calc((580 / var(--basis-width)) * 100%));
  margin: 0 auto;
}

#apieu2023 .item-slider__small {
  font-size: min(16px, calc((16 / 768) * 100vw));
  margin: 0 auto;
  margin-top: min(30px, calc((30 / 768) * 100vw));
  width: min(720px, calc((720 / var(--basis-width)) * 100%));
}

#apieu2023 .item-slider__small02 {
  text-align: left;
}

#apieu2023 .item-slider__user-txt {
  font-size: min(28px, calc((28 / 768) * 100vw));
  color: #333;
  text-align: left;
  margin-top: min(20px, calc((20 / 768) * 100vw));
}

#apieu2023 .item-slider__user-name {
  font-size: min(24px, calc((24 / 768) * 100vw));
  color: #333;
  text-align: right;
  margin-top: min(20px, calc((20 / 768) * 100vw));
}

#apieu2023 .item-slider .star {
  margin-left: 0;
  width: min(212px, calc((212 / var(--basis-width)) * 100%));
}

#apieu2023 .rower-wrap {
  background-color: #f3deef;
  padding-top: min(124px, calc((124 / 768) * 100vw));
  padding-bottom: min(200px, calc((200 / 768) * 100vw));
}

#apieu2023 .rower-wrap__small {
  text-align: left;
  font-size: min(18px, calc((18 / 768) * 100vw));
  width: min(644px, calc((644 / var(--basis-width)) * 100%));
  margin: 0 auto;
  line-height: 1.5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#apieu2023 .rower-wrap .anchor__ttl {
  width: min(631px, calc((631 / var(--basis-width)) * 100%));
}

#apieu2023 .rower-wrap .section__ttl {
  color: #4d4d4d;
}

#apieu2023 .rower-wrap .section__ttl::after {
  background-color: #4d4d4d;
}

#apieu2023 .bnr {
  margin-top: min(200px, calc((200 / 768) * 100vw));
}

#apieu2023 .bnr__wrap {
  margin-top: min(86px, calc((86 / 768) * 100vw));
}

#apieu2023 .bnr__item {
  -webkit-filter: drop-shadow(0.1em 0.3em 0.2em rgba(63, 63, 63, 0.3));
          filter: drop-shadow(0.1em 0.3em 0.2em rgba(63, 63, 63, 0.3));
  width: min(708px, calc((708 / var(--basis-width)) * 100%));
  margin: 0 auto;
  margin-top: min(30px, calc((30 / 768) * 100vw));
}

#apieu2023 .voice_slider {
  text-align: left;
  margin-top: min(60px, calc((60 / 768) * 100vw));
  position: relative;
}

#apieu2023 .voice_slider .slider_item_wrap {
  padding: 0 10%;
  position: relative;
  z-index: -1;
}

#apieu2023 .voice_slider__small {
  text-align: center;
  font-size: min(18px, calc((18 / 768) * 100vw));
  margin-top: min(20px, calc((20 / 768) * 100vw));
}

#apieu2023 .voice_slider_wrap {
  width: 100%;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  background: #fff;
  margin-top: min(60px, calc((60 / 768) * 100vw));
  padding-bottom: min(60px, calc((60 / 768) * 100vw));
}

#apieu2023 .voice_next_arrow {
  right: 1.2em;
}

#apieu2023 .voice_prev_arrow {
  left: 1.2em;
  z-index: 1;
}

#apieu2023 .voice .slider_wrap {
  width: 100%;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  background: #fff;
  margin-top: min(60px, calc((60 / 768) * 100vw));
}

#apieu2023 .voice .user_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: calc((30/768)*100%);
  margin-bottom: min(50px, calc((50 / 768) * 100vw));
}

#apieu2023 .voice .user_wrap .txt_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

#apieu2023 .voice .user_wrap .star {
  width: calc((264/592)*100%);
}

#apieu2023 .voice .user_ttl {
  font-size: min(33px, calc((33 / 768) * 100vw));
  font-weight: 500;
}

#apieu2023 .voice .user_img {
  width: calc((141/592)*100%);
}

#apieu2023 .voice .user_name {
  text-align: right;
  font-size: min(24px, calc((24 / 768) * 100vw));
  margin-top: min(30px, calc((30 / 768) * 100vw));
}

#apieu2023 .voice .user_item {
  font-size: min(24px, calc((24 / 768) * 100vw));
}

#apieu2023 .voice .user_txt {
  font-size: min(28px, calc((28 / 768) * 100vw));
  line-height: calc(40 /28);
  letter-spacing: calc(100em /1000);
}

#apieu2023 .cart_btn_small {
  margin-top: min(20px, calc((20 / 768) * 100vw));
}

@media screen and (max-width: 768px) {
  #apieu2023 a:hover {
    opacity: 1;
  }
  #apieu2023 button:hover {
    opacity: 1;
  }
  #apieu2023 a:active {
    opacity: var(--opacity);
  }
  #apieu2023 button:active {
    opacity: var(--opacity);
  }
}
/*# sourceMappingURL=lp_apieu2023.css.map */