@charset "utf-8";
/* event - FCS25th Project05&06 _ style CSS*/

/* switch view point
@media screen and (max-width: 767px) {
}
@media screen and (min-width: 768px) {
}
*/

/*-------------------------------
 pj0506 content
---------------------------------*/
#pj0506 {
  padding-top: calc(var(--rs) * 3);
  padding-bottom: calc(var(--fs) * 2);
  background: 
    /*url(/event/fcs25th/image/pj0506_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%);
  ;
  container-type: inline-size;
  font-family: var(--ff-NtMcJP);
  min-height: 2000px;
}

/*-------------------------------
 pj0506 content _ text
---------------------------------*/
.pj-title {
  margin-bottom: -1em;
}
.pj-text-catch {
  padding-left: 0.25em;
}
.pj-text-read {
  width: min(90%, 86rem);
  margin-left: 5%;
  font-size: 2.4cqw;
  text-align: left;
}
.text-space {
  height: 0.5em;
  display: block;
}
.sd16-info-text {
  width: 92%;
  margin: 0 auto;
  font-size: calc(var(--fs) * 1.8);
  font-weight: bold;
  text-align: left;
}
/*-------------------------------
 pj0506 content _ intro area
---------------------------------*/
.pj-introArea {
  margin-top: 1em;
  position: relative;
}
.pj-introArea > .pj-text-read {
  width: min(90%, 88rem);
  line-height: 1.8;
}
.pj-introArea > .pj-text-read:last-of-type {
  width: min(72%, 72rem);
}
.pj-introArea > .pj-text-read > b {
    display: inline;
  }
/*-------------------------------
 pj0506 content _ common parts
---------------------------------*/
.sd16-partsDscrp {
  padding: 0.5em 0;
  padding-left: 5%;
  font-size: 1.8cqw;
  font-weight: bold;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.sd16-partsDscrp > dt {
  padding: 0.25em;
  background: var(--fcs25th-brwn);
  color: #fff;
  font-size: 2.4cqw;
  text-align: center;
  flex-shrink: 0;
}
.sd16-partsDscrp > dd {
  padding-left: 0.5em;
  line-height: 1.3;
  text-align: left;
}
.sd16-partsDscrp > dd small {
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .sd16-partsDscrp {
    padding-left: 3%;
    padding-right: 3%;
    font-size: 2.8cqw;
  }
  .sd16-partsDscrp > dt {
    font-size: 3.2cqw;
  }
  .sd16-partsDscrp > dd {
    padding-left: 1em;
  }
}
/*link banner*/
.sd16-lnkBnr {
  width: 96%;
  margin: 1em auto;
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
}
.sd16-lnkBnr > li {
  width: 46%;
  padding: 1%;
  margin: 1% 2%;
  background: #fff397;
  box-shadow: var(--bs-fcs25th-cmn);
  font-family: var(--ff-zenAntique);
  font-size: calc(var(--rs) * 1.5);
  font-weight: bold;
  text-align: center;
}
.sd16-lnkBnr > li:nth-child(2n) {
  background: #fbd1e5;
}
.sd16-lnkBnr > li,
.sd16-lnkBnr > li img {
  border-radius: calc(var(--rs) * 1);
}
.sd16-lnkBnr > li figcaption {
  padding-top: 1.5%;
}
.sd16-lnkBnr > li a {
  color: var(--c-fcs25th-pnk01);
}
.sd16-lnkBnr > li:nth-child(2n) a {
  color: var(--c-fcs25th-ppl01);
}
/*-------------------------------
 sd16 limited parts
---------------------------------*/
/*limited patrs*/
#sd16LmtdParts {
  width: min(100%, 98rem);
  position: relative;
  margin-top: 2em;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(3, 1fr);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  align-items: start;
}
#sd16Intro { grid-area: 1 / 1 / 2 / 2; width: 65.7cqw;}
#sd16Body { grid-area: 1 / 2 / 5 / 3; }
#sd16HeadParts { grid-area: 2 / 1 / 5 / 2; width: 65.7cqw;}
/*intro*/
#sd16Intro {
  padding: 0 3%;
  background: linear-gradient(90deg, #f0df9c 0%, #fcfdf8 25%, #fcfdf8 75%, #f0df9c 100%);
  text-align: left;
  float: left;
}
.sd16Intro-heading {
  margin: -1.5em 0% 0 3%;
}
.sd16Intro-text {
  padding: 1em 4% 1em 5%;
  font-size: 1.8cqw;
  font-weight: bold;
  line-height: 1.4;
}
.sd16Intro-text > b {
  font-size: 2.4cqw;
}
.sd16Intro-text > b > span {
  margin: 0 0 -0.5em auto;
  text-align: right;
  display: block;
}
/*body */
#sd16Body {
  background: #2a2b26;
  align-self: stretch;
  position: relative;
}
#sd16BodyDscrp > p {
  font-size: 1.75cqw;
  font-weight: bold;
  writing-mode: vertical-rl;
  position: absolute;
  left: calc(50% - 8.5em);
  top: 2.8em;
  color: #fff;
}
#sd16BodyDscrp > dl {
  width: 175%;
  padding: 0.25em 0.5em;
  background: #fff;
  border: 3px double var(--fcs25th-brwn);
  font-size: 1.6cqw;
  font-weight: bold;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  position: absolute;
  right: 5%;
  bottom: 1%;
}
#sd16BodyDscrp > dl > dt,
#sd16BodyDscrp > dl > dd {
  position: relative;
  z-index: 1;
}
#sd16BodyDscrp > dl > dt::after {
  content: "：";
}
#sd16BodyDscrp > dl > dd:nth-child(2)::after {
  content: "／";
  margin: 0 0.25em;
}
/*head patrs*/
#sd16HeadParts .sd16-partsDscrp {
  margin-top: -0.5em;
  margin-bottom: 0.5em;
}
.sd16-headparts-list {
  display: flex;
  flex-flow: row wrap;
}
.sd16-headparts-list > li {
  width: 50%;
}
@media screen and (max-width: 767px) {
  /*limited patrs*/
  #sd16LmtdParts {
    display: flex;
    /*flex-flow: row wrap;
    align-items: flex-end;*/
    flex-flow: column nowrap;
    align-items: flex-start;
  }
  #sd16Intro {
    width: 100%;
    order: 1;
    align-self: stretch;
  }
  #sd16HeadParts {
    /*width: 44%;*/
    width: 100%;
    order: 3;
  }
  #sd16Body {
    /*width: 56%;*/
    /*padding-top: 5.2em;*/
    width: 100%;
    order: 2;
    background: url("/event/fcs25th/image/pj0506/sd16_body_amethyst_bg.jpg") 50% 0 / auto 100% no-repeat;;
  }
  #sd16BodyPic {
    height: 90vh;
  }
  #sd16BodyPic img {
    width: auto;
    height: 100%;
  }
  /*intro*/
  .sd16Intro-text {
    font-size: 2.8cqw;
  }
  .sd16Intro-text > b {
    font-size: 3.5cqw;
  }
  /*head patrs*/
  .sd16-headparts-list > li {
    /*width: 100%;*/
  }
  #sd16HeadParts .sd16-partsDscrp {
    /*width: 228%;*/
    width: 100%;
    /*padding-top: 1.5em;
    padding-bottom: 1em;*/
    padding-top: 1em;
    margin: 0 auto;
    background: #f9f6eb;
    position: relative;
    z-index: 1;
  }
  #sd16HeadParts .sd16-partsDscrp dt {
    margin-bottom: 0.5em;
  }
  /*body*/
  #sd16BodyDscrp > p {
    font-size: calc(var(--fs) * 1.6);
  }
  #sd16BodyDscrp > dl {
    /*width: 135%;*/
    width: 94%;
    font-size: 2.4cqw;
    right: 3%;
    bottom: 2%;
  }
}
/*-------------------------------
 sd16 skin color
---------------------------------*/
#sd16Skincolor {
 display: flex;
 flex-flow: row nowrap;
}
#sd16Skincolor .sd16-partsDscrp {
  padding-top: 4cqw;
}
.sd16-skincolor-list {
 padding-left: 5%;
 margin-top: 1em;
 display: flex;
 flex-flow: row nowrap;
}
.sd16-skincolor-sc03 {
 margin-left: -13.4cqw;
 z-index: -1;
}
@media screen and (max-width: 767px) {
   #sd16Skincolor {
     padding-left: 0;
   }
 #sd16Skincolor .sd16-partsDscrp {
   width: calc(100% + 48cqw);
  padding-left: 5%;
 }
 .sd16-skincolor-dscrp {
   width: calc(50% + 26.8cqw);
 }
 .sd16-skincolor-list {
   padding-left: 0;
   flex-direction: column;
 }
  .sd16-skincolor-sc03 {
    padding-top: 15.2cqw;
    margin-left: -26.8cqw;
  }
}
/*-------------------------------
 sd16 hand parts
---------------------------------*/
#sd16BodyHandLeg {
  display: flex;
  flex-flow: row wrap;
}
/*body parts*/
#sd16Bodyparts {
  width: 46.94%;
  margin-top: -10cqw;
  /*margin-right: -12cqw;*/
}
#sd16Bodyparts .sd16-partsDscrp {
  width: 160%;
}
/*hand*/
#sd16Hand {
  width: calc(53.06% + 13cqw);
  margin: -1.5cqw 0 0 -13cqw;
}
#sd16Hand .sd16-partsDscrp {
  padding-right: 7%;
  margin-bottom: -1em;
  position: relative;
  z-index: 2;
}
.sd16-hand-list {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
}
.sd16-hand-list li {
  width: 50%;
  margin-left: -2cqw;
  z-index: 1;
}
.sd16-hand-list li:nth-child(2) {
  width: calc(50% + 11cqw);
  margin-left: -11cqw;
  z-index: 0;
}
@media screen and (max-width: 767px) {
  #sd16BodyHandLeg {
    flex-direction: column;
  }
  #sd16Bodyparts,
  #sd16Hand {
    width: 100%;
    margin: 0;
  }
  #sd16Bodyparts {
    margin: 1em 0 -2em;
  }
  .sd16-hand-list li {
    width: 50%;
    margin-left: 0;
  }
  #sd16Bodyparts .sd16-partsDscrp {
    width: 100%;
    padding-right: 7%;
  }
  #sd16Bodyparts .sd16-partsDscrp > dt,
  #sd16Hand .sd16-partsDscrp > dt {
      font-size: 3.2cqw;
  }
  #sd16Bodyparts .sd16-partsDscrp > dd,
  #sd16Hand .sd16-partsDscrp > dd {
      font-size: 2.8cqw;
  }
}
/*-------------------------------
 sd16 leg parts
---------------------------------*/
#sd16Leg {
  margin-bottom: 1em;
  position: relative;
}
#sd16Leg .sd16-partsDscrp {
  flex-direction: column;
  align-items: flex-start;
}
#sd16Leg .sd16-partsDscrp > dt {
  z-index: 2;
}
#sd16Leg .sd16-partsDscrp > dd {
  padding: 1em;
  padding-top: 1.5em;
  margin-left: 1em;
  margin-top: -1em;
  background: rgb(255 255 255 / 80%);
  box-shadow: 0 0 3px rgb(50 50 50 / 50%);
  z-index: 1;
}
#sbPartsNo {
  padding: calc(var(--rs) * 0.5) calc(var(--fs) * 1);
  margin-top: 1em;
  background: #fffce3;
  border: 1px solid ;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
#sbPartsNo > dt {
  width: 100%;
  margin-bottom: 0.5em;
  font-size: calc(var(--fs) * 1.4);
  text-align: center;
}
#sbPartsNo > dd {
  width: 48%;
  font-size: calc(var(--fs) * 1.2);
}
#sbPartsNo > dd img {
  margin-bottom: 0.25em;
}
.sb-no {
  display: block;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  #sd16Leg {
    width: 77%;
    margin: -27cqw 3% -4em auto;
  }
  #sd16Leg .sd16-partsDscrp > dd {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    justify-content: space-between;
  }
  .leg-text {
    width: 56%;
    margin-right: 3%;
    font-weight: normal;
    line-height: 1.6;
  }
  #sbPartsNo {
    width: min(58%, 40rem);
    margin: -5em 0 0 auto;
  }
  #sd16BodyHandLeg + .sd16-info-text {
    margin-top: -1.5em;
  }
}
/*-------------------------------
 sd16 _ data
---------------------------------*/
#fcsSD16Data {
  width: min(calc(94% - 10px), 46rem);
  margin: 0 5%;
  margin: 0 auto;
  margin-top: 1em;
  text-align: left;
}
.fcs-recept-area {
  width: min(94%, 98rem);
  padding: calc(var(--fs) * 0.5);
  margin: calc(var(--fs) * 4) auto 0;
}
.fcs-recept-box {
  width: 100%;
  padding: calc(var(--rs) * 1);
  margin: 0 auto;
  background: #fff;
  color: #694B44;
  border: 1px solid #694B44;
  outline: 2px solid #694B44;
  outline-offset: 4px;
  position: relative;
  z-index: 1;
}
.fcs-recept-box .fcs-recept-title {
  padding: calc(var(--rs) * 1);
  background: #fbdfdf;
  font-size: calc(var(--fs) * 1.8);
  text-align: center;
}
.fcs-recept-box dl {
  width: 96%;
  margin: 0.5em auto;
  font-size: calc(var(--fs) * 1.6);
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
.fcs-recept-box dt{
  flex-basis: 25%;
  padding: 0.5em 1em;
  margin: 1em auto;
  background: #fdf9f1;
  border: 1px solid #694B44;
  text-align: center;
  align-self: flex-start;
}
.fcs-recept-box dd{
  flex-basis: 75%;
  padding: 1.5em 1rem;
  margin: auto;
  background-color: #fff;
  text-align: left;
}
.fcs-recept-box p {
  padding: 1em;
  margin: 0;
  /*background: #818097;*/
  border-top: 2px dashed #694B44;
  font-size: calc(var(--fs) * 1.6);
  font-weight: bold;
  text-align: center;
}
.fcs-recept-box p {
  padding: 0;
  padding-top: 1em;
  margin-top: 0.5em;
  font-size: calc(var(--fs) * 1.4);
  text-align: left;
}
#fcsSD16Price {
  margin-bottom: 1em;
  text-align: left;
  position: relative;
}
#fcsSD16Price::before {
  content: "";
  width: calc(100% + 10px);
  height: calc(100% + 10px);
  position: absolute;
  left: -5px;
  top: -5px;
  z-index: -1;
  border: 4px solid #fff;
}
/*fcs sd16 _ price table*/
.fcsSD16Price-table {
  font-weight: normal;
  text-align: left;
}
.fcsSD16Price-table caption {
  font-size: 125%;
  font-weight: bold;
  text-align: left;
}
.price-td {
  font-style: italic;
  font-weight: bold;
}
.price-td > b {
  font-size: 150%;
}
.price-td::before {
  content: "……";
  width: 2em;
  height: 1em;
  padding: 0 0.5em;
  font-size: 75%;
}
.fcsSD16-orderNotice {
  color: #9a3125;
  font-weight: bold;
  text-align: left;
  position: relative;
}
.fcsSD16-orderNotice > b {
  font-size: 135%;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
  text-indent: 0;
  display: inline-block;
}
#fcsSD16Data + .fcsSD16-orderNotice {
  width: min(90%, 86rem);
  padding-left: 1em;
  margin: 0 5%;
  font-size: calc(var(--fs) * 1.8);
  text-shadow: 0 0 1px #f1e7cb, 0 0 5px #f1e7cb;
  text-indent: -1em;
  filter: drop-shadow(0 0 10px #f1e7cb);
}
/*fcs 25th _ overwrite*/
#fcsSD16Data {
  width: 94%;
  margin-top: -1em;
  margin-bottom: 2em;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
}
.pic-fcsCounter {
  margin: -4px auto 2em;
  text-align: center;
}
.fcs-recept-box {
  width: min(100%, 54rem);
}
.fcsSD16-orderNotice > br {
  display: none;
}