@charset "utf-8";
/* event - FCS25th Project03 _ style CSS*/

/*-------------------------------
 pj03 content
---------------------------------*/
#pj03 {
  padding-top: calc(var(--rs) * 3);
  padding-bottom: calc(var(--fs) * 4);
  background: 
    /*url(/event/fcs25th/image/pj03_main_pic-alt.jpg)   50% 0 / 100% no-repeat,*/
    /*url("/event/fcs25th/image/pj01/bg_race.png") 50% 0 / calc(var(--rs) * 98) no-repeat,
    url("/event/fcs25th/image/pj01/bg_race_bottom.png") 50% 100% / calc(var(--rs) * 98) no-repeat,*/
    /*linear-gradient(transparent 0%, rgb(215 189 158 / 30%) 0%, rgb(215 189 158 / 30%) 100%),*/
    linear-gradient(transparent 0%, rgb(255 255 255 / 75%) 0%, rgb(255 255 255 / 75%) 100%);
  ;
  font-family: var(--ff-NtSrfJP);
}
@media screen and (max-width: 960px) {
  #pj03 {
    overflow: hidden;
  }
}
/*-------------------------------
 pj03  intro area
---------------------------------*/
#pj-introArea {
  position: relative;
}
.lottery-img {
  position: absolute;
  z-index: -1;
}
.lottery-img#orderSheet01 {
  width: calc(var(--rs) * 23);
  transform: rotate(27deg);
  filter: drop-shadow(var(--bs-fcs25th-cmn));
  left: calc(var(--rs) * -3);
  top: calc(var(--rs) * -3.8);
}
.lottery-img#orderSheet02 {
  width: calc(var(--rs) * 20);
  transform: rotate(-22deg);
  filter: drop-shadow(--bs-fcs25th-cmn);
  left: calc(var(--rs) * 3);
  top: calc(var(--rs) * 10.8);
}
.lottery-img#lotteryBox {
  width: calc(var(--rs) * 14);
  right: calc(var(--rs) * 2.2);
  top: calc(var(--rs) * -0.4);
}
@media screen and (max-width: 767px) {
  .lottery-img#orderSheet01 {
    left: calc(var(--rs) * -12);
  }
  .lottery-img#orderSheet02 {
    left: calc(var(--rs) * -5);
  }
  .lottery-img#lotteryBox {
    right: calc(var(--rs) * -2.2);
  }
}
/*-------------------------------
 pj03 content _ text
---------------------------------*/
.pj-title {
  margin-bottom: -1.5em;
  position: relative;
  z-index: 1;
}
.pj-text-catch {
  padding-left: 0.25em;
  position: relative;
  z-index: 1;
}
#pj-introArea .pj-text-read {
  width: min(76%, 60rem);
  margin-top: 0.5em;
  font-size: calc(var(--fs) * 1.0 + var(--rs) * 0.8);
  position: relative;
  z-index: 1;
}
.pj-text-read-end {
  width: min(90%, 74rem);
  margin-top: 2em;
  line-height: 1.3;
}
.pj-text-read-end > b:nth-of-type(2n - 1) {
  color: var(--c-fcs25th-ppl01);
  
}
/*-------------------------------
 pj03 _ entry
---------------------------------*/
#pj03Entry {
  margin-top: calc(var(--rs) * 2);
  font-weight: bold;
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
}
.entry-title {
  padding-left:  calc(var(--fs) * 10);
  margin: 0 calc(var(--fs) * 4) 1em calc(var(--fs) * -1.4);
}
.entry-title > .ic-vsvip {
  width: calc(var(--fs) * 6);
  position: absolute;
  left: calc(var(--fs) * 2);
  top: calc(var(--fs) * -1.5);
}
.entry-text {
  width: min(82%, 40rem);
  margin-left: 0.5em;
  text-align: left;
}
.entry-requiredlist {
  width: 100%;
  padding: 0.1em 0.5em;
  margin: 1em auto 0;
  background: #fff;
  border: 1px solid var(--c-fcs25th-brw01);
  text-align: left;
}
.entry-requiredlist li {
  margin: 0.25em 0.5em;
  display: inline-block;
}
.entry-notice {
  width: 96%;
  margin: 0.5em 2%;
  color: #ad264b;
  font-size: calc(var(--fs) * 1.2);
  text-align: left;
}
#requiredItems {
  width: calc(var(--rs) * 17);
  position: absolute;
  right: calc(var(--rs) * -2);
  top: calc(50% - var(--rs) * 6);
  z-index: 1;
}

/*参加条件*/
.entry-conditions{
  margin-top: 1em;
  font-family: var(--ff-NtSnsJP);
  display: flex;
  flex-flow: row nowrap;
}
.entry-conditions dt {
  width: 4em;
  padding: 1em;
  background: var(--c-fcs25th-ppl01);
  color: #fff;
  font-size: calc(var(--fs) * 1.8);
  line-height: 1.2;
}
.entry-conditions > div {
  padding: 0 0.25em;
  display: flex;
  flex-flow: column;
  justify-content: center;
}
.entry-conditions dd {
  padding-left: 1em;
  margin: 0.25em 0;
  font-size: calc(var(--fs) * 1.4);
  font-weight: bold;
  line-height: 1.3;
  text-align: left;
  text-indent: -1em;
}
.entry-conditions dd > small {
  margin-left: 1em;
  font-weight: normal;
  display: inline-block;
}
/*notice list*/
.note-list {
  width: 94%;
}
/*-------------------------------
 pj03 _ present
---------------------------------*/
#pj03Presents {
  font-family: var(--ff-NtSnsJP);
  font-size: calc(var(--fs) * 1.6);
}
#pj03Presents .title-ribbon {
  padding-left: calc(var(--rs) * 5);
}
#presentRead {
  width: min(90%, 80rem);
  line-height: 1.3;
}
#presentRead span {
  color: var(--c-fcs25th-pnk01);
}
#presentList {
  width: 98%;
  margin: 1em auto;
  text-align: left;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  column-gap: 1%;
}
.present-heading > figure {
  width: calc(var(--rs) * 19);
}
.present-item {
  text-align: left;
}
.present-item figcaption {
  padding-left: 1em;
  margin-top: -0.5em;
  line-height: 1.3;
}
.present01 > figure {
  width: calc(var(--rs) * 35);
}
.present02 > figure {
  width: calc(var(--rs) * 23);
}
.present03 > figure {
  width: calc(var(--rs) * 20);
}
.present04 > figure {
  width: calc(var(--rs) * 25);
}
.present05 > figure {
  width: calc(var(--rs) * 25);
}


@media screen and (max-width: 767px) {
  .present03 {
    width: 50%;
  }
  .present04 {
    margin-top: calc(var(--fs) * 1);
  }

}