@charset "UTF-8";

.main .totop_wrap{
  display: flex; justify-content: flex-end; margin: 0 4% 0 0;
}
.main .totop{
display: flex; align-items: center; gap: 0 0.3em;
color: #C4007F; cursor: pointer;
border-style: solid; border-color: #C4007F; border-width: 0 0 1px;
}
.main .totop::before{
content: ""; width: 1em; height: 0.75em; background-color: #C4007F;
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}

.main .bg01{
  background-color: #ffe5ed; padding: 4% 0;
}

.main .head{
  position: relative; z-index: 0;
  background: linear-gradient(180deg,rgba(247, 164, 190, 1) 0%, rgba(247, 164, 190, 1) 60%, rgba(197, 46, 113, 1) 60%, rgba(197, 46, 113, 1) 100%);
  padding: 4% 0;
}

.main .none_elm .head, .main .after_elm .head{
  background: #fcd1de;
}

.main .head_fig{
  width: min(calc(689/768*100%),689px);margin: 0 auto;
}
.main .head_after{
  width: min(calc(619/768*100%),619px); margin: 0 auto;
}
.main .head_none{
  width: min(calc(619/768*100%),619px); margin: 0 auto;
}
.main .before_elm{
  position: absolute; top: 0; right: 0; width: min(calc(332/768*100%),332px);
  margin: 20.7% 5% 0 0;
}
.main .many_elm{
  position: absolute; top: 0; right: 0; width: min(calc(271/768*100%),271px);
  margin: 22% 5% 0 0;
}
.main .many_elm.ver_soon{
  position: absolute; top: 0; right: 0; width: min(calc(330/768*100%),330px);
  margin: 24% 5% 0 0;
}
.main .few_elm{
  position: absolute; top: 0; right: 0; width: min(calc(303/768*100%),303px);
  margin: 23% 5% 0 0;
}


.main .point{
  width: min(calc(688/768*100%), 688px); margin: 0 auto;
}
.main .check{
  width: min(calc(469/768*100%), 469px); margin: 0 auto;
}
.main .selection{
  width: min(calc(690/768*100%), 690px); margin: 0 auto;
}

.main .add_text{
  position: relative; z-index: 0; padding: 0 0 0 1.5em;
  color: #fff;
}
.main .add_text::before{
  content: ""; z-index: 0; position: absolute; top: 0.25em; left: 0; width: 1em; height: 1em; background-color: #fff;  border-radius: 50%;
}

.main .page_btn_more{
  font-family: var(--font-family); line-height: 1;
}



/* サイズ等 */
.main .item_note{
  display: flex; flex-direction: column; gap: 1em 0;
  line-height: 1.5; letter-spacing: 0;
  position: relative; z-index: 1;
}

.main .item_note_row{
  display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.5em 1em;
}
.main .item_note_l{
  flex-shrink: 0;
  width: 5em; color: #000; text-align: center; background-color: #fff;
  margin: 0;
  border-style: solid; border-color: #d2d2d2; border-width: 1px 1px;
  line-height: 1;
  padding: 0.2em 0.1em 0.1em;
}
.main .item_note_l02{
  flex-shrink: 0;
}
.main .item_note_r{
  display: flex; flex-wrap: wrap;
}
.main .item_note_r02{
  margin: auto 0 auto auto;
}
.main .item_note_size{
  color: inherit; text-decoration: underline;
}

/* zoom */
.main .zoom_movie_video{
  object-fit: cover;
  width: 100%; max-width: 450px; aspect-ratio: 1 / 1.77;
}


/* 表示切替--------------------------------------------------------------------- */
/* 開催間に表示 */
.main .before_elm{
  display: none;
}
.main:has(.is_before[href*="autumn2508"]) .before_elm{
  display: block;
}

/* 開催中に表示 */
.main .during_elm{
  display: none;
}
.main:has(.is_during[href*="autumn2508"]) .during_elm{
  display: block;
}

/* 在庫なしの時に表示 */
.main .none_elm{
  display: none;
}
.main:has(.is_none[href*="autumn2508"]) .none_elm{
  display: block;
}

/* 在庫なしでない時に表示 */
.main .none_not_elm{

}
.main:has(.is_none[href*="autumn2508"]) .none_not_elm{
  display: none;
}

/* 在庫はあって、わずかの時に表示 */
.main .few_elm{
  display: none;
}
.main:has(.is_few[href*="autumn2508"]) .few_elm{
  display: block;
}

/* 在庫はあって、わずかでない時に表示 */
.main .many_elm{
  display: none;
}
.main:has(.is_many[href*="autumn2508"]) .many_elm{
  display: block;
}

/* 開催後に表示 */
.main .after_elm{
  display: none;
}
.main:has(.is_after[href*="autumn2508"]) .after_elm{
  display: block;
}

/* 開催後でない時に表示 */
.main .after_not_elm{

}
.main:has(.is_after[href*="autumn2508"]) .after_not_elm{
  display: none;
}