@charset "UTF-8";

/* 開催前に表示 */
.main .before_elm{
  display: none;
}
.main:has(.is_before[href*="pointup2608"]) .before_elm{
  display: block;
}

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

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

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

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

/* 背景（シェブロン柄） */
.main .bg01{
  background-image: url(../img/bg.png);
  background-repeat: repeat-y;
  background-position: center top;
  background-size: 100% auto;
}

.main .bg02{
  background: #ddd;
}


/* キービジュアル
-----------------------------------------------------------------------*/
.main .head .ttl{
  width: 95.18%; /* 731/768 */
  margin: 0 auto;
}
.main .head .before{
  width: 80.60%; /* 619/768 */
  margin: 0 auto;
}
.main .head .during{
  width: 48.05%; /* 369/768 */
  margin: 0 auto;
}
.main .head .soon{
  width: 61.46%; /* 472/768 */
  margin: 0 auto;
}
.main .head .desc{
  width: min(93.23%, 716px); /* 716/768 */
  margin: 0 auto;
}
.main .head .after{
  width: 95.18%; /* 731/768 */
  margin: 0 auto;
}

/* ポイントが貯まるチャンス
-----------------------------------------------------------------------*/
.main .point {
  width: 98.57%; /* 757/768 */
}

/* SELECTION
-----------------------------------------------------------------------*/
.main .selection{
  margin-top: min(5.21%, 40px);
  text-align: center;
}
.main .selection{
  width: 98.83%; /* 759/768 */
  margin: 0 auto;
}