@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_bg{
  background-image: url(../img/main_bg.jpg);
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
}

.main .head{
  position: relative;
}

.main .head_fig{
  width: min(calc(729/768*100%),729px);margin: 0 0 0 auto;
}
.main .head_after{
  width: min(calc(620/768*100%),620px); margin: 0 auto;
}
.main .head_none01{
  position: absolute; top: 0; right: 0; width: min(calc(283/768*100%),283px);
  margin: 22% 5% 0 0;
}
.main .head_none02{
  position: absolute; top: 0; left: 50%; width: min(calc(500/768*100%),500px);
  margin: 75% 0 0 0;
  transform: translateX(-50%);
}
.main .before_elm{
  position: absolute; top: 0; right: 0; width: min(calc(335/768*100%),335px);
  margin: 20.7% 5% 0 0;
}
.main .many_elm{
  position: absolute; top: 0; right: 0; width: min(calc(283/768*100%),283px);
  margin: 22% 5% 0 0;
}
.main .many_elm.ver_soon{
  position: absolute; top: 0; right: 0; width: min(calc(342/768*100%),342px);
  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 .add_text{
  padding: 1em;
  border-radius: 10px;
  background-color: rgba(255,255,255,0.8);
}

.main .add_text p{
  color: #a6292f;
  display: grid;
  grid-template-columns: auto 1fr;
}
.main .add_text p.asterisk{
  font-weight: bold;
}
.main .add_text p.asterisk::before{
  content: "※";
}
.main .add_text p.bullet::before{
  content: "●";
}

.main .movie{
  width: min(calc(407/768*100%), 407px); margin: 0 auto;
}

.main .point01{
  width: min(calc(665/768*100%), 665px); margin: 0 auto;
}

.main .point02{
  width: min(calc(670/768*100%), 670px); margin: 0 auto;
}

.main .point03{
  width: min(calc(703/768*100%), 703px); margin: 0 auto;
}
.main .selection{
  width: min(calc(690/768*100%), 690px); margin: 0 auto;
}

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

.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: 1px solid #000;
  line-height: 1;
  padding: 0.3em 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*="winter2510"]) .before_elm{
  display: block;
}

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

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

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

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

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

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

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

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

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