@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Source+Serif+4:opsz,wght@8..60,200..900&display=swap");

.appMenu.scDown #hdrSctn,
.hdrOn.appMenu #hdrSctn {
  z-index: 100;
}

/*logo*/
.coverImg img {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#mainArea .logoSet {
  z-index: 100;
  margin: auto;
  width: 77%;
  opacity: 1;
  position: absolute;
  left: 7%;
  top: 17%;
}
#mainArea .logoSet a {
  inline-size: 1;
  font-size: 0;
}
#mainArea .logoSet svg {
  width: 70vw;
  height: 5vw;
}
#mainArea .logoSet svg,
#glbMenu .logoSct h1 svg {
  fill: #000;
}

.seasonTtl {
  width: 44%;
  margin: 1.6rem auto 0;
}
.seasonTheme {
  position: fixed;
  left: 0;
  right: 0;
  height: 10svh;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.seasonTheme svg {
  width: 60%;
  height: 100%;
  fill: #000;
}
.hdrOn.appMenu .seasonTheme {
  /* opacity: 1; */
}
.scUp.hdrOn.appMenu .seasonTheme {
  opacity: 0;
}

.lpFont {
  font-family: "Source Serif 4", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

@media screen and (min-width: 641px) {
  .seasonTheme {
    width: 70%;
    top: 61svh;
    left: 8%;
    margin: 0;
    right: auto;
    justify-content: flex-start;
    height: 5vh;
  }
  #mainArea .logoSet {
    top: 87.1svh;
    display: -webkit--webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    /* display: none; */
    width: 60%;
    left: 5%;
    right: auto;
  }

  #mainArea .logoSet svg {
    /* fill: #fff; */
    width: 40vw;
    height: 3.5vw;
  }
  .seasonTtl {
    font-size: 2.6vw;
    width: 28%;
    letter-spacing: 0.1em;
    margin: 0.5vw auto 0;
    z-index: 4;
    position: relative;
  }
}

@media screen and (min-width: 961px) {
  .seasonTheme {
    /* max-width: 240px; */
    bottom: 10vh;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 35%;
    top: auto;
    z-index: 0;
    height: auto;
  }
  .seasonTheme svg {
    width: 100%;
    height: 100%;
    fill: #fff;
  }
  .scUp.hdrOn.appMenu .seasonTheme {
    opacity: 1;
  }
  #glbMenu .gNavBlk .menuSet {
    background: #e3e3e3;
  }
  #mainArea .logoSet {
    top: auto;
    bottom: 16.5%;
    width: 31.5%;
    left: 50%;
    right: auto;
    margin: 0;
    /* display: none; */
    transform: translate(0, 0);
  }

  #mainArea .logoSet svg {
    fill: #2f2f2f;
    width: 320px;
  }
  .seasonTtl {
    margin: 1rem auto 0;
    width: 50%;
    height: auto;
    line-height: 1;
    font-size: 1rem;
  }
}

.colSet .colTxtSet {
  display: inline-block;
  width: 100%;
  margin: 0 auto;
  position: relative;
  bottom: 0;
  left: 0;
  right: 0;
}
.colSet .colTxtSet .creditTxt.taC {
  display: block;
  text-align: center;
}
.creditTxt {
  opacity: 1;
  position: relative;
  color: #000;
  top: 0;
  left: 0;
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
  width: 100%;
  margin: 0;
  padding: 0;
  display: block;
  text-align: left;
}
.creditTxt.wide {
  padding: 0;
}
.creditTxt a {
  /* width: auto; */
  font-size: 1.25rem;
  position: relative;
  line-height: 1.8;
  color: #2f2f2f;
  pointer-events: auto;
  letter-spacing: 0.03em;
  text-align: left;
  display: inline;
  opacity: 1;
  font-size: min(2rem, 16px);
  font-family: "Source Serif 4", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  /* white-space: pre; */
}
.creditTxt a.cs {
  color: #919191;
  pointer-events: none;
}
.creditTxt a.cs::before {
  content: none;
}

.creditTxt .price {
  /* font-style: italic; */
}

.creditTxt li a {
  /* text-decoration: underline; */
}
.creditTxt a.coming {
  color: #919191;
  pointer-events: none;
}

.creditTxt a:not(:last-of-type) {
  /* margin-right: 0.5em; */
  padding-right: 0.5em;
}
.creditTxt a:not(:last-of-type)::after {
  content: "";
  position: relative;
  padding: 0;
}

.creditTxt.column {
  flex-flow: column;
  display: flex;
}
.creditTxt.column a:not(:last-of-type) {
  /* margin-right: 0.5em; */
  padding-right: 0.5em;
}
.creditTxt.column a:not(:last-of-type)::after {
  content: none;
}

.cBtn {
  padding: 0 0 0 1.4em;
  font-size: 1.8rem;
  color: #2f2f2f;
}

.cBtn::before,
.cBtn::after {
  position: absolute;
  top: calc(48% + 1px);
  left: 0;
  content: "";
  display: inline-block;
  width: 11px;
  height: 1px;
  background: #000;
  -webkit-transition: 0.3s opacity ease;
  -o-transition: 0.3s opacity ease;
  transition: 0.3s opacity ease;
}

.cBtn:after {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.creditOn .cBtn {
  position: absolute;
  left: 0.6em;
  top: 1em;
  font-size: 2.4rem;
  color: #ffffff;
  padding: 0;
  width: 90px;
  text-align: left;
}

.logoSct {
  display: none !important;
}
.seasonLogoBlk {
  position: fixed;
  top: 20px;
  display: inline-block;
  z-index: 100;
  opacity: 0;
  left: 50%;
  right: 0;
  transition: 0.2s;
  width: 60%;
  ,:;
  transform: translate(-50%, 0);
}
.hdrOn .seasonLogoBlk {
  opacity: 1;
}

.searchon .seasonLogoBlk {
  opacity: 0;
}
.seasonLogoBlk .logoSet {
}

.seasonLogoBlk .logoSet svg {
  fill: #000;
  width: 24.15em;
  height: 3.05em;
  max-width: 336px;
  max-height: 20px;
  display: block;
  margin: 0 auto;
}

.seasonLogoBlk .seasonTheme {
  width: 50%;
  margin: 1.5rem auto 0;
  max-width: 180px;
}

@media screen and (min-width: 641px) {
  .creditTxt {
    padding: 0;
  }
  .creditTxt a {
    font-size: min(1.2rem, 13px);
  }
  .creditTxt li {
    font-size: 1.2rem;
  }

  .colSet .colTxtSet {
    height: 100%;
    width: 100%;
  }

  .colSet .colTxtSet ul {
    padding: 0;
  }

  .creditOn .cBtn {
    position: absolute;
    left: 1.6em;
    top: 2.35em;
    font-size: 1.6rem;
  }

  .creditOn .creditTxt li a::after {
    top: 50%;
  }
  .seasonLogoBlk {
    /* margin: 0 auto 100px; */
    top: 30px;
  }
  .seasonLogoBlk .logoSet {
  }
  .seasonLogoBlk .seasonTheme {
    margin: 2.5rem auto 0;
    width: 57%;
  }
  .creditTxt.column {
    text-align: left;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .creditTxt.pccolumn {
    flex-flow: column;
    display: flex;
    text-align: left;
    align-items: flex-start;
  }
  .creditTxt.pccolumn a:not(:last-of-type) {
    /* margin-right: 0.5em; */
    padding-right: 0.5em;
  }
  .creditTxt.pccolumn a:not(:last-of-type)::after {
    content: none;
  }
}

@media screen and (min-width: 961px) {
  .creditTxt {
    padding: 0;
    display: block;
  }
  .creditTxt a {
    font-size: min(1.65rem, 15.5px);
  }
  .colSet .cBtn {
    padding: 0;
    width: 68px;
    height: 1.2rem;
    font-size: 1.2rem;
    letter-spacing: 0.051em;
    color: #2f2f2f;
  }

  .creditOn .colSet .cBtn {
    width: 40px;
  }

  .creditOn .cBtn {
    color: #2f2f2f;
    position: absolute;
    left: 0;
    top: 0;
    width: 12px;
  }

  .cBtn::before,
  .cBtn::after {
    width: 9px;
    top: 50%;
  }

  .cBtn:after {
  }

  .creditOn .cBtn::before,
  .creditOn .cBtn::after {
    right: auto;
    left: 0;
    width: 12px;
    background: #000;
  }

  .creditOn .creditTxt li {
    margin: 0 1.8em 0.5em 0;
    font-size: 1.2rem;
    letter-spacing: 0.1em;
    color: #3c3c3c;
  }
  .seasonLogoBlk {
    top: 44px;
    /* margin: 0 auto 80px; */
  }
  .seasonLogoBlk .logoSet {
  }
  .seasonLogoBlk .seasonTheme {
  }
}

#mainArea {
  width: 100%;
  padding: 0 0 0;
  height: 90svh;
  z-index: -1;
}
/*sp*/
@media screen and (max-width: 640px) {
  .colSet .colTxtSet .creditTxt.taC {
    padding: 0;
    text-align: center;
    display: block;
  }
  #mainArea .mainImgSet {
    height: 100%;
    margin: 0;
    overflow: hidden;
  }
  .mainImgSet .coverImg::before {
    padding-top: 141.2%;
  }
  .mainImgSet .mainImg {
    /* background-position: top; */
    width: 100%;
    height: 100%;
    background-size: cover;
  }

  .lineBlk + .lineBlk {
    /* margin: 11.0rem auto 0; */
  }
  .lpTxt {
    color: #2f2f2f;
    font-size: 2.85vw;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    letter-spacing: 0;
    line-height: 1.8;
  }
  .creditTxt.spcolumn {
    flex-flow: column;
    display: flex;
  }
  .creditTxt.spcolumn a:not(:last-of-type) {
    /* margin-right: 0.5em; */
    padding-right: 0.5em;
  }
  .creditTxt.spcolumn a:not(:last-of-type)::after {
    content: none;
  }
  .creditTxt.spPdnL5 {
    padding-left: 8%;
  }

  .colImgSet {
    width: 100%;
    padding: 0 0 2.8em;
    display: flex;
    flex-flow: wrap;
  }
}
/*
   .set01 {
  }
  .set02 {
  }
  .set03 {
  }
  .set04 {
  }
  .set05 {
  }
  .set06 {
  }
  .set07 {
  }
  .set08 {
  }
  .set09 {
  }
  .set10 {
  }
  .set11 {
  }
  .set12 {
  }

  #p1 {}
  #p1 .colImgSet {}
  #p1 .colTxtSet {}
  #p1 .colImgSet .aiImg:nth-of-type(1) {}
  #p2 {}
  #p2 .colImgSet {}
  #p2 .colTxtSet {}
  #p2 .colImgSet .aiImg:nth-of-type(1) {}
  #p3 {}
  #p3 .colImgSet {}
  #p3 .colTxtSet {}
  #p3 .colImgSet .aiImg:nth-of-type(1) {}
  #p4 {}
  #p4 .colImgSet {}
  #p4 .colTxtSet {}
  #p4 .colImgSet .aiImg:nth-of-type(1) {}
  #p5 {}
  #p5 .colImgSet {}
  #p5 .colTxtSet {}
  #p5 .colImgSet .aiImg:nth-of-type(1) {}
  #p6 {}
  #p6 .colImgSet {}
  #p6 .colTxtSet {}
  #p6 .colImgSet .aiImg:nth-of-type(1) {}
  #p7 {}
  #p7 .colImgSet {}
  #p7 .colTxtSet {}
  #p7 .colImgSet .aiImg:nth-of-type(1) {}
  #p8 {}
  #p8 .colImgSet {}
  #p8 .colTxtSet {}
  #p8 .colImgSet .aiImg:nth-of-type(1) {}
  #p9 {}
  #p9 .colImgSet {}
  #p9 .colTxtSet {}
  #p9 .colImgSet .aiImg:nth-of-type(1) {}
  #p10 {}
  #p10 .colImgSet {}
  #p10 .colTxtSet {}
  #p10 .colImgSet .aiImg:nth-of-type(1) {}
  #p11 {}
  #p11 .colImgSet {}
  #p11 .colTxtSet {}
  #p11 .colImgSet .aiImg:nth-of-type(1) {}
  #p12 {}
  #p12 .colImgSet {}
  #p12 .colTxtSet {}
  #p12 .colImgSet .aiImg:nth-of-type(1) {}
  #p13 {}
  #p13 .colImgSet {}
  #p13 .colTxtSet {}
  #p13 .colImgSet .aiImg:nth-of-type(1) {}
  #p14 {}
  #p14 .colImgSet {}
  #p14 .colTxtSet {}
  #p14 .colImgSet .aiImg:nth-of-type(1) {}
  #p15 {}
  #p15 .colImgSet {}
  #p15 .colTxtSet {}
  #p15 .colImgSet .aiImg:nth-of-type(1) {}
  #p16 {}
  #p16 .colImgSet {}
  #p16 .colTxtSet {}
  #p16 .colImgSet .aiImg:nth-of-type(1) {}
  #p17 {}
  #p17 .colImgSet {}
  #p17 .colTxtSet {}
  #p17 .colImgSet .aiImg:nth-of-type(1) {}
  #p18 {}
  #p18 .colImgSet {}
  #p18 .colTxtSet {}
  #p18 .colImgSet .aiImg:nth-of-type(1) {}
  #p19 {}
  #p19 .colImgSet {}
  #p19 .colTxtSet {}
  #p19 .colImgSet .aiImg:nth-of-type(1) {}
  #p20 {}
  #p20 .colImgSet {}
  #p20 .colTxtSet {}
  #p20 .colImgSet .aiImg:nth-of-type(1) {}
     */

.collectionArea {
  padding: 23% 0 0;
  /* overflow: hidden; */
}

.colImgSet .aiImg:nth-of-type(1) {
  position: relative;
  z-index: 10;
  line-height: 1;
}
.colImgSet .aiImg:nth-of-type(2),
.colImgSet .aiImg:nth-of-type(3) {
  /* position: absolute; */
}
.colImgSet .aiImg:nth-of-type(2) img,
.colImgSet .aiImg:nth-of-type(3) img {
  /* width: 100%; */
  /* height: 100%; */
  /* object-fit: cover; */
}

.set01 {
}
.set02 {
}
.set03 {
}
.set04 {
}
.set05 {
}
.set06 {
}
.set07 {
}
.set08 {
}
.set09 {
}
.set10 {
}
.set11 {
}
.set12 {
  margin: 34% auto 0;
}
#p0 {
  width: 80%;
  margin: 1% auto 0;
  text-align: left;
  padding-left: 2%;
}
#p0 .logoObj {
  font-size: clamp(12.5px, 5.95vw, 30px);
  letter-spacing: 0;
  font-weight: 400;
}
#p0 .txtObj {
  text-align: left;
  margin: 1em auto 0;
  font-size: clamp(18px, 4.3vw, 30px);
  line-height: 1.65;
}
#p1 {
  width: 76%;
}
#p1 .colImgSet {
}
#p1 .colTxtSet {
}
#p1 .colImgSet .aiImg:nth-of-type(1) {
}
#p2 {
  margin: 21% 0 0 auto;
  width: 81%;
}
#p2 .colImgSet {
}
#p2 .colTxtSet {
  width: 90%;
  margin: 0 auto 0 0;
  display: flex;
}
#p2 .colImgSet .aiImg:nth-of-type(1) {
}
#p3 {
  margin: 20% auto 0;
}
#p3 .colImgSet {
}
#p3 .colTxtSet {
}
#p3 .colImgSet .aiImg {
  width: 50%;
}
#p4 {
  margin: 19% auto 0;
  width: 82%;
}
#p4 .colImgSet {
}
#p4 .colTxtSet {
}
#p4 .colImgSet .aiImg:nth-of-type(1) {
}
#p5 {
  width: 76%;
  margin: 19% auto 0 0;
}
#p5 .colImgSet {
}
#p5 .colTxtSet {
}
#p5 .colImgSet .aiImg:nth-of-type(1) {
}
#p6 {
  margin: 21% 0 0;
}
#p6 .colImgSet {
  position: relative;
  padding: 0;
  margin: 0 0 20px;
  overflow: visible;
}
#p6 .colTxtSet {
  width: 70%;
  margin: 20px auto 0 3%;
  display: flex;
  flex-flow: column;
}
#p6 .colImgSet .aiImg:nth-of-type(2) {
  position: absolute;
  top: 100%;
  width: 22%;
  right: 0;
}
#p7 {
  margin: 88% 0 0;
  width: 69%;
}
#p7 .colImgSet {
}
#p7 .colTxtSet {
}
#p7 .colImgSet .aiImg:nth-of-type(1) {
}
#p8 {
  margin: 17% auto 0;
}
#p8 .colImgSet {
}
#p8 .colTxtSet {
}
#p8 .colImgSet .aiImg:nth-of-type(1) {
}
#p9 {
  width: 81%;
  margin: 20% auto 0;
}
#p9 .colImgSet {
}
#p9 .colTxtSet {
}
#p9 .colImgSet .aiImg:nth-of-type(1) {
}
#p10 {
  margin: 15% auto 0;
}
#p10 .colImgSet {
}
#p10 .colTxtSet {
}
#p10 .colImgSet .aiImg:nth-of-type(1) {
}
#p11 {
  margin: 23% auto 0 0;
  width: 88%;
}
#p11 .colImgSet {
}
#p11 .colTxtSet {
}
#p11 .colImgSet .aiImg:nth-of-type(1) {
}
#p12 {
  width: 56%;
  margin: 9% 0 0 auto;
}
#p12 .colImgSet {
}
#p12 .colTxtSet {
}
#p12 .colImgSet .aiImg:nth-of-type(1) {
}
#p13 {
  width: 81%;
  margin: 20% auto 0;
}
#p13 .colImgSet {
}
#p13 .colTxtSet {
  width: 95%;
  margin: 4% auto 0;
}
#p13 .colImgSet .aiImg:nth-of-type(2) {
  width: 79%;
  margin: 11% auto 0;
}
#p14 {
}
#p14 .colImgSet {
}
#p14 .colTxtSet {
}
#p14 .colImgSet .aiImg:nth-of-type(1) {
}
#p15 {
  margin: 16% auto 0;
}
#p15 .colImgSet {
}
#p15 .colTxtSet {
  display: flex;
  width: 85%;
  margin: 0 auto 0 0;
}
#p15 .colImgSet .aiImg:nth-of-type(1) {
}
#p16 {
  width: 71%;
  margin: 17% 0 0 auto;
}
#p16 .colImgSet {
}
#p16 .colTxtSet {
}
#p16 .colImgSet .aiImg:nth-of-type(1) {
}
#p17 {
  margin: 22% auto 0;
}
#p17 .colImgSet {
}
#p17 .colTxtSet {
}
#p17 .colImgSet .aiImg {
  width: calc(100% / 3);
}
#p17 .colImgSet .aiImg:nth-of-type(1) {
  width: 100%;
}
#p18 {
  margin: 23% auto 0 0;
  width: 80%;
}
#p18 .colImgSet {
}
#p18 .colTxtSet {
}
#p18 .colImgSet .aiImg:nth-of-type(1) {
}
#p19 {
  width: 51%;
  margin: 12% 9% 0 auto;
}
#p19 .colImgSet {
}
#p19 .colTxtSet {
}
#p19 .colImgSet .aiImg:nth-of-type(1) {
}
#p20 {
  margin: 25% auto 0 0;
  width: 83%;
}
#p20 .colImgSet {
}
#p20 .colTxtSet {
}
#p20 .colImgSet .aiImg:nth-of-type(1) {
}
#p24 {
  width: 85%;
}
/*TAB*/
@media screen and (min-width: 641px) {
  #mainArea {
    width: 100%;
    padding: 0;
    height: auto;
    height: 100vh;
  }
  #mainArea .mainImgSet {
    padding: 0;
    height: 100svh;
  }
  .collectionArea {
    padding: 13% 0 0;
    /* overflow: hidden; */
  }
  .lineBlk {
    position: relative;
    width: 100%;
  }
  .lineBlk + .lineBlk {
    margin-top: 4rem;
  }

  .lpTxt {
    font-size: 1.1rem;
    letter-spacing: 0.02em;
    line-height: 2;
  }
  .colImgSet {
    width: 100%;
    padding: 0 0 15px;
    display: flex;
  }
  .set01 {
  }
  .set02 {
  }
  .set03 {
  }
  .set04 {
  }
  .set05 {
  }
  .set06 {
  }
  .set07 {
  }
  .set08 {
  }
  .set09 {
  }
  .set10 {
  }
  .set11 {
  }
  .set12 {
  }
  #p1 {
    width: 42.8%;
    margin: 0 8.5% 0 7.2%;
  }
  #p0 {
    width: 41%;
    margin: 6% 0 0;
    padding-left: 0;
  }
  #p0 .logoObj {
    font-size: clamp(14.5px, 1.9vw, 28px);
    letter-spacing: 0.02em;
    font-weight: 400;
  }
  #p0 .txtObj {
    text-align: left;
    margin: 1.6em auto 0;
    font-size: clamp(12px, 1.18vw, 17px);
    line-height: 1.65;
  }
  #p1 .colImgSet {
  }
  #p1 .colTxtSet {
  }
  #p1 .colImgSet .aiImg:nth-of-type(1) {
  }
  #p2 {
    width: 39%;
    margin: -19.5% 0 0 auto;
  }
  #p2 .colImgSet {
  }
  #p2 .colTxtSet {
  }
  #p2 .colImgSet .aiImg:nth-of-type(1) {
  }
  #p3 {
    margin: 11.5% auto 0 5.5%;
    width: 69.8%;
  }
  #p3 .colImgSet {
  }
  #p3 .colTxtSet {
  }
  #p3 .colImgSet .aiImg:nth-of-type(1) {
  }
  #p4 {
    width: 37.2%;
    margin: 0.5% 0 0 auto;
  }
  #p4 .colImgSet {
  }
  #p4 .colTxtSet {
  }
  #p4 .colImgSet .aiImg:nth-of-type(1) {
  }
  #p5 {
    width: 41.5%;
    margin: -27.8% 50% 0 5.5%;
  }
  #p5 .colImgSet {
  }
  #p5 .colTxtSet {
  }
  #p5 .colImgSet .aiImg:nth-of-type(1) {
  }
  #p6 {
    width: 59.2%;
    margin: 2.8% 2.2% 0 auto;
  }
  #p6 .colImgSet {
  }
  #p6 .colTxtSet {
    margin-left: 0;
    width: 40%;
  }
  #p6 .colImgSet .aiImg:nth-of-type(1) {
  }
  #p7 {
    margin: 10.8% 40% 0 4.5%;
    width: 37%;
  }
  #p7 .colImgSet {
    position: relative;
    width: 100%;
    overflow: visible;
  }
  #p7 .creditTxt {
    flex-flow: column;
    display: flex;
    align-items: flex-start;
  }
  #p7 .colImgSet .aiImg:nth-of-type(1) {
    width: 100%;
  }
  #p7 .colImgSet .aiImg:nth-of-type(2) {
    width: 27.5%;
    position: absolute;
    left: 100%;
  }
  #p8 {
    width: 43%;
    margin: -8.5% 0 0 auto;
  }
  #p8 .colImgSet {
  }
  #p8 .colTxtSet {
  }
  #p8 .colImgSet .aiImg:nth-of-type(1) {
  }
  #p9 {
    width: 60%;
    margin: 8.8% auto 0;
  }
  #p9 .colImgSet {
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #p9 .colTxtSet {
  }
  #p9 .colImgSet .aiImg:nth-of-type(1) {
  }
  #p10 {
    width: 77%;
    margin: 15.7% auto 0;
  }
  #p10 .colImgSet {
  }
  #p10 .colTxtSet {
  }
  #p10 .colImgSet .aiImg:nth-of-type(1) {
  }
  #p11 {
    margin: 17.58% auto 0 4.5%;
    width: 60.5%;
  }
  #p11 .colImgSet {
  }
  #p11 .colTxtSet {
  }
  #p11 .colImgSet .aiImg:nth-of-type(1) {
  }
  #p12 {
    width: 29.5%;
    margin: 36% 0 0;
  }
  #p12 .colImgSet {
  }
  #p12 .colTxtSet {
  }
  #p12 .colImgSet .aiImg:nth-of-type(1) {
  }
  #p13 {
    margin: 11% auto 0 5%;
    width: 82.5%;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
  }
  #p13 .colImgSet {
    width: 76%;
    padding: 0;
  }
  #p13 .colTxtSet {
    width: 20%;
    margin: 0 auto 0 4%;
  }
  #p13 .colImgSet .aiImg:nth-of-type(1) {
    width: 50%;
  }
  #p13 .colImgSet .aiImg:nth-of-type(2) {
    width: 50%;
    margin: 0;
  }
  #p14 {
  }
  #p14 .colImgSet {
  }
  #p14 .colTxtSet {
  }
  #p14 .colImgSet .aiImg:nth-of-type(1) {
  }
  #p15 {
    margin: 9% 4% 0 auto;
    width: 42.8%;
  }
  #p15 .colImgSet {
  }
  #p15 .colTxtSet {
  }
  #p15 .colImgSet .aiImg:nth-of-type(1) {
  }
  #p16 {
    width: 36%;
    margin: -14% 40% 0 7%;
  }
  #p16 .colImgSet {
  }
  #p16 .colTxtSet {
  }
  #p16 .colImgSet .aiImg:nth-of-type(1) {
  }
  #p17 {
    width: 75.5%;
    margin: 6% auto 0;
  }
  #p17 .colImgSet {
    flex-flow: wrap;
  }
  #p17 .colTxtSet {
  }
  #p17 .colImgSet .aiImg:nth-of-type(1) {
  }
  #p17 .colImgSet .aiImg {
    width: calc(100% / 5);
  }
  #p18 {
    width: 52.5%;
    margin: 15% 0 0 51.5%;
  }
  #p18 .colImgSet {
  }
  #p18 .colTxtSet {
  }
  #p18 .colImgSet .aiImg:nth-of-type(1) {
  }
  #p19 {
    width: 35.5%;
    margin: -32.5% 0 0;
  }
  #p19 .colImgSet {
  }
  #p19 .colTxtSet {
  }
  #p19 .colImgSet .aiImg:nth-of-type(1) {
  }
  #p20 {
    width: 44%;
    margin: 28.2% 14% 0 auto;
  }
  #p20 .colImgSet {
  }
  #p20 .colTxtSet {
  }
  #p20 .colImgSet .aiImg:nth-of-type(1) {
  }
  #p24 {
    margin: 9% auto 10%;
  }
}

/*pc*/
@media screen and (min-width: 1024px) {
  #mainArea {
    padding: 0;
  }
  #mainArea .mainImgSet {
    height: calc(100vh - 159px);
    padding: 0;
    /* height: auto; */
    height: calc(100vh - 45px);
  }
  .mainImgSet .mainImg {
    height: 100vh;
    width: 100%;
  }
  .lineBlk {
    position: relative;
  }
  .lineBlk + .lineBlk {
    margin-top: 6rem;
  }
  .lpTxt {
    font-size: 1.2rem;
    letter-spacing: 0.02em;
    line-height: 2;
  }
  .collectionArea {
    padding: 8vw 0 120px;
    margin-top: 100vh;
  }
  .set01 {
    margin: 0 auto 5.8%;
  }
  .set01 {
  }
  .set02 {
  }
  .set03 {
  }
  .set04 {
  }
  .set05 {
  }
  .set06 {
  }
  .set07 {
  }
  .set08 {
  }
  .set09 {
  }
  .set10 {
  }
  .set11 {
  }
  .set12 {
  }

  #p1 {
    width: 38.8%;
    margin: 0 8.5% 0 9.2%;
  }
  #p0 {
    width: 43%;
    margin: 6% 0 0;
    padding-left: 0;
  }
  #p0 .logoObj {
    font-size: clamp(14.5px, 1.9vw, 28px);
    letter-spacing: 0.02em;
    font-weight: 400;
  }
  #p0 .txtObj {
    text-align: left;
    margin: 1.6em auto 0;
    font-size: clamp(12px, 1.18vw, 17px);
    line-height: 1.65;
  }
  #p1 .colImgSet {
  }
  #p1 .colTxtSet {
  }
  #p1 .colImgSet .aiImg:nth-of-type(1) {
  }
  #p2 {
    width: 39%;
    margin: -19.5% 0 0 auto;
  }
  #p2 .colImgSet {
  }
  #p2 .colTxtSet {
  }
  #p2 .colImgSet .aiImg:nth-of-type(1) {
  }
  #p3 {
    margin: 11.5% auto 0 5.5%;
    width: 64.8%;
  }
  #p3 .colImgSet {
  }
  #p3 .colTxtSet {
  }
  #p3 .colImgSet .aiImg:nth-of-type(1) {
  }
  #p4 {
    width: 34.2%;
    margin: 0.5% 0 0 auto;
  }
  #p4 .colImgSet {
  }
  #p4 .colTxtSet {
  }
  #p4 .colImgSet .aiImg:nth-of-type(1) {
  }
  #p5 {
    width: 36.5%;
    margin: -28.8% 50% 0 5.5%;
  }
  #p5 .colImgSet {
  }
  #p5 .colTxtSet {
  }
  #p5 .colImgSet .aiImg:nth-of-type(1) {
  }
  #p6 {
    width: 59.2%;
    margin: -3.8% 2.2% 0 auto;
  }
  #p6 .colImgSet {
  }
  #p6 .colTxtSet {
    margin-left: 0;
    width: 60%;
  }
  #p6 .colImgSet .aiImg:nth-of-type(1) {
  }
  #p7 {
    margin: 7.8% 50% 0 4.5%;
    width: 42.5%;
  }
  #p7 .colImgSet {
    position: relative;
    width: 78.4%;
  }
  #p7 .creditTxt {
    flex-flow: column;
    display: flex;
    align-items: flex-start;
  }
  #p7 .colImgSet .aiImg:nth-of-type(1) {
    width: 100%;
  }
  #p7 .colImgSet .aiImg:nth-of-type(2) {
    width: 27.5%;
    position: absolute;
    left: 100%;
  }
  #p8 {
    width: 43%;
    margin: -12.5% 0 0 auto;
  }
  #p8 .colImgSet {
  }
  #p8 .colTxtSet {
  }
  #p8 .colImgSet .aiImg:nth-of-type(1) {
  }
  #p9 {
    width: 47%;
    margin: 6.8% auto 0;
  }
  #p9 .colImgSet {
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #p9 .colTxtSet {
  }
  #p9 .colImgSet .aiImg:nth-of-type(1) {
  }
  #p10 {
    width: 64%;
    margin: 15.7% auto 0;
  }
  #p10 .colImgSet {
  }
  #p10 .colTxtSet {
  }
  #p10 .colImgSet .aiImg:nth-of-type(1) {
  }
  #p11 {
    margin: 17.58% auto 0 8.5%;
    width: 55.5%;
  }
  #p11 .colImgSet {
  }
  #p11 .colTxtSet {
  }
  #p11 .colImgSet .aiImg:nth-of-type(1) {
  }
  #p12 {
    width: 26.5%;
    margin: 36% 0 0;
  }
  #p12 .colImgSet {
  }
  #p12 .colTxtSet {
  }
  #p12 .colImgSet .aiImg:nth-of-type(1) {
  }
  #p13 {
    margin: 11% auto 0 5%;
    width: 82.5%;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
  }
  #p13 .colImgSet {
    width: 76%;
    padding: 0;
  }
  #p13 .colTxtSet {
    width: 20%;
    margin: 0 auto 0 4%;
  }
  #p13 .colImgSet .aiImg:nth-of-type(1) {
    width: 50%;
  }
  #p13 .colImgSet .aiImg:nth-of-type(2) {
    width: 50%;
    margin: 0;
  }
  #p14 {
  }
  #p14 .colImgSet {
  }
  #p14 .colTxtSet {
  }
  #p14 .colImgSet .aiImg:nth-of-type(1) {
  }
  #p15 {
    margin: 9% 4% 0 auto;
    width: 38.8%;
  }
  #p15 .colImgSet {
  }
  #p15 .colTxtSet {
  }
  #p15 .colImgSet .aiImg:nth-of-type(1) {
  }
  #p16 {
    width: 31%;
    margin: -21% 40% 0 9%;
  }
  #p16 .colImgSet {
  }
  #p16 .colTxtSet {
  }
  #p16 .colImgSet .aiImg:nth-of-type(1) {
  }
  #p17 {
    width: 73.5%;
    margin: 7% auto 0;
  }
  #p17 .colImgSet {
    flex-flow: wrap;
  }
  #p17 .colTxtSet {
  }
  #p17 .colImgSet .aiImg:nth-of-type(1) {
  }
  #p17 .colImgSet .aiImg {
    width: calc(100% / 5);
  }
  #p18 {
    width: 48.5%;
    margin: 15% 0 0 51.5%;
  }
  #p18 .colImgSet {
  }
  #p18 .colTxtSet {
  }
  #p18 .colImgSet .aiImg:nth-of-type(1) {
  }
  #p19 {
    width: 32.5%;
    margin: -37.5% 0 0;
  }
  #p19 .colImgSet {
  }
  #p19 .colTxtSet {
  }
  #p19 .colImgSet .aiImg:nth-of-type(1) {
  }
  #p20 {
    width: 40%;
    margin: 18.2% 19% 0 auto;
  }
  #p20 .colImgSet {
  }
  #p20 .colTxtSet {
  }
  #p20 .colImgSet .aiImg:nth-of-type(1) {
  }
  #p24 {
    width: 49%;
    margin: 6% auto 0;
  }
}

.staffCredit {
  width: 100%;
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-align: left;
}
.staffCredit li {
  text-align: left;
  line-height: 2.1;
}
@media screen and (min-width: 641px) {
  .staffCredit {
    width: 80%;
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    align-items: flex-start;
    text-align: left;
    margin: 0 auto;
  }
  .staffCredit li {
    text-align: left;
    line-height: 2.1;
  }
  .staffCredit li::after {
    content: "/";
    padding: 0 0.5em;
  }
}
@media screen and (min-width: 1024px) {
  .staffCredit {
    width: 100%;
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    align-items: flex-start;
    text-align: left;
  }
  .staffCredit li {
    text-align: left;
    line-height: 2.1;
  }
  .staffCredit li::after {
    content: "/";
    padding: 0 0.5em;
  }
  .staffCredit li:last-child::after {
    content: none;
  }
}
#graydisplay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 100% !important;
  height: 100%;
  background: rgba(0, 0, 0, 0.45);
  z-index: 10000;
}

#graydisplay::before {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 1);
  background: #c7c7c7;
  position: absolute;
  left: 0;
  top: 0;
}

#graydisplay img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: auto;
}

.template {
  display: none;
}
.template picture {
}

@media screen and (min-width: 1024px) {
  #mainArea .pcLogo {
    width: 31.8vw;
    position: absolute;
    bottom: 100px;
    left: 50px;
    z-index: 10;
  }
}

.prev {
  position: absolute;
  left: 0;
  top: -76px;
  pointer-events: none;
  width: 100%;
  opacity: 0.5;
  z-index: 100;
}

.js-fade {
  opacity: 0;
  transition: opacity 600ms ease-in-out;
}
.js-fade.js-active {
  opacity: 1;
  transition: opacity 600ms ease-in-out;
}

.js-fade.js-active img {
  animation: ef-imgZoom 600ms ease-in-out;
}

@keyframes ef-imgZoom {
  0% {
    -webkit-transform: scale(0.96);
    transform: scale(0.96);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}