html {
  color: #CCC;
  background-color: #000;
  font-size: 62.5%;
  font-feature-settings: "palt";
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

::-moz-selection {
  background: #FFF;
  color: #000;
}

::selection {
  background: #FFF;
  color: #000;
}

.pc {
  display: block;
}

.sp {
  display: none;
}

a {
  transition: all 0.3s ease;
  opacity: 1;
}
a:hover {
  opacity: 0.7;
}

#intro {
  width: 100%;
  height: 100vh;
  background-color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
}
#intro p {
  max-width: 450px;
  width: 36%;
  opacity: 0;
  -webkit-animation: fadeIn 1s ease 0s forwards;
          animation: fadeIn 1s ease 0s forwards;
}

#wrapper {
  display: none;
  font-size: 2rem;
  line-height: 1.8;
  letter-spacing: 0.04em;
  font-family: proxima-nova, sans-serif;
  font-weight: 700;
  font-style: normal;
}

header {
  position: fixed;
  width: 100%;
  background: #000;
  z-index: 10;
}
header #timer {
  position: absolute;
  left: 70vw;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
header #timer .yycountdown-box {
  text-align: left;
  line-height: 1;
  margin: 0;
}
header #timer .yycountdown-box span {
  color: #FFF !important;
  font-size: 2rem !important;
  line-height: 1;
  letter-spacing: 0.2em;
  font-weight: 500;
}
header #timer .yycountdown-box span.yyc-day-text, header #timer .yycountdown-box span.yyc-hou-text, header #timer .yycountdown-box span.yyc-min-text {
  color: #808080 !important;
  padding: 0 4px;
}
header p {
  font-size: 0;
}
header p.logo {
  width: 23.75%;
  max-width: 456px;
  padding: 30px 0;
  margin-left: 7.4vw;
}
header p.insta {
  width: 1.77%;
  max-width: 34px;
  min-width: 22px;
  position: absolute;
  right: 7.8vw;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

#contents {
  padding-top: 5.65vw;
}
#contents .videoWrap {
  opacity: 1 !important;
}
#contents h3, #contents h4 {
  text-align: center;
  font-size: 3.2rem;
  line-height: 1;
  color: #FFF;
}
#contents .inner {
  width: 58%;
  max-width: 1120px;
  margin: 0 auto;
  padding: 10.4vw 0;
  text-align: left;
}
#contents .bgW {
  background-color: #FFF;
  color: #000;
}
#contents .bgW ::-moz-selection {
  background: #000;
  color: #FFF;
}
#contents .bgW ::selection {
  background: #000;
  color: #FFF;
}
#contents .collaboration .logo {
  width: 22.3vw;
  max-width: 430px;
  margin: 5.8vw auto 6.7vw;
}
#contents .collaboration h4 {
  margin: 6.7vw 0 2vw;
}
#contents .case .sliderWrap {
  margin-top: 4vw;
}
#contents .case .sliderWrap .slick-dotted.slick-slider {
  margin-bottom: 25px;
}
#contents .case .sliderWrap .slick-dots {
  bottom: -45px;
  left: -6px;
  text-align: left;
}
#contents .case .sliderWrap .slick-dots li button:before {
  font-size: 17px;
}
#contents .case .sliderWrap .buy {
  width: 12vw;
  max-width: 170px;
  margin: 0 0 0 auto;
}
#contents .case .sliderWrap .buy a {
  display: block;
  width: 100%;
  color: #FFF;
  background-color: #D10907;
  font-size: 1.4rem;
  border: 2px solid #D10907;
  padding: 14px 0;
  line-height: 1;
  box-sizing: border-box;
  text-align: center;
  text-decoration: none;
}
#contents .case .sliderWrap .buy a:hover {
  text-decoration: none;
  color: #D10907;
  background-color: #FFF;
}
#contents .case .sliderWrap .open {
  margin-top: 10px;
  font-size: 1.4rem;
  text-align: right;
}
#contents .artist {
  padding: 10.4vw 0 15.6vw;
}
#contents .artist h3 {
  margin-bottom: 7.8vw;
}
#contents .artist ul {
  width: 84.2%;
  max-width: 1620px;
  margin: 0 auto;
}
#contents .artist ul li {
  display: flex;
  justify-content: space-between;
  padding-bottom: 5.7vw;
  margin-bottom: 5.7vw;
  border-bottom: 1px solid rgba(102, 102, 102, 0.6);
}
#contents .artist ul li.artist1 .img {
  width: 37.5%;
  max-width: 608px;
  border: 1px solid rgba(102, 102, 102, 0.6);
}
#contents .artist ul li.artist1 .txt {
  width: 57%;
  max-width: 925px;
}
#contents .artist ul li.artist1 .txt .insta {
  top: 0;
  right: 0;
}
#contents .artist ul li.artist2 .img {
  width: 33.9%;
  max-width: 550px;
  order: 2;
}
#contents .artist ul li.artist2 .txt {
  width: 60.7%;
  max-width: 984px;
  order: 1;
}
#contents .artist ul li.artist2 .txt p:first-child {
  text-align: right;
}
#contents .artist ul li.artist2 .txt p:nth-child(2) {
  text-align: right;
}
#contents .artist ul li.artist2 .txt p.insta {
  top: 0;
  left: 0;
}
#contents .artist ul li.artist3 {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
#contents .artist ul li.artist3 .img {
  width: 49.8%;
  max-width: 808px;
}
#contents .artist ul li.artist3 .txt {
  width: 45.1%;
  max-width: 725px;
}
#contents .artist ul li.artist3 .txt .insta {
  top: 0;
  right: 0;
}
#contents .artist ul li .txt {
  position: relative;
}
#contents .artist ul li .txt p:first-child {
  color: #FFF;
  margin-bottom: 2vw;
  line-height: 1;
}
#contents .artist ul li .txt p:nth-child(2) {
  font-size: 1.5rem;
  font-weight: 500;
}
#contents .artist ul li .txt p:nth-child(2) a {
  color: #FFF;
  text-decoration: none;
}
#contents .artist ul li .txt p.insta {
  width: 1.6vw;
  max-width: 32px;
  font-size: 0;
  position: absolute;
}
#contents .nft .inner p:first-child {
  margin-bottom: 4vw;
}
#contents .outro .txt {
  text-align: center;
  padding: 10.4vw 0;
}
#contents .outro .donation {
  background-color: #1A1A1A;
  padding: 10.4vw 0 13vw;
}
#contents .outro .donation p:first-child {
  color: #808080;
  text-align: center;
  margin-bottom: 3.3vw;
}
#contents .outro .donation p:first-child span {
  display: block;
  color: #FFF;
  font-size: 2.8rem;
  line-height: 1;
  margin-bottom: 0.9vw;
}
#contents .outro .donation p:last-child {
  width: 58vw;
  max-width: 1120px;
  margin: 0 auto;
}

footer {
  background-color: #FFF;
  padding: 1.56vw 0;
}
footer p:first-child {
  width: 1.9vw;
  max-width: 37px;
  margin: 0 auto 12px;
}
footer p:last-child {
  text-align: center;
  font-size: 1.4rem;
  color: #000;
}

.fadein {
  opacity: 0;
  transform: translate(0, 15px);
  transition: all 1.1s ease;
}

.fadein.scrollin {
  opacity: 1;
  transform: translate(0, 0);
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@media (min-width: 2000px) {
  header #timer {
    left: 76vw;
  }
  header p {
    font-size: 0;
  }
  header p.insta {
    right: 5vw;
  }
}
@media (min-width: 1365px) {
  header #timer {
    left: 75vw;
  }
  header p {
    font-size: 0;
  }
  header p.insta {
    right: 6vw;
  }
}
@media (max-width: 980px) {
  header #timer {
    left: 68.5vw;
  }
  header p {
    font-size: 0;
  }
  header p.insta {
    right: 4vw;
  }
}
@media (max-width: 768px) {
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
  #intro p {
    width: 40%;
  }
  #wrapper {
    font-size: 1.3rem;
    line-height: 1.75;
  }
  header #timer {
    position: absolute;
    top: calc(50% - 1px);
    left: 77vw;
  }
  header #timer .yycountdown-box span {
    font-size: 1rem !important;
  }
  header #timer .yycountdown-box span.yyc-day-text, header #timer .yycountdown-box span.yyc-hou-text, header #timer .yycountdown-box span.yyc-min-text {
    padding: 0 4px;
  }
  header p {
    font-size: 0;
  }
  header p.logo {
    width: 44%;
    padding: 16px 0;
    margin-left: 4.2vw;
  }
  header p.insta {
    width: 6%;
    max-width: 24px;
    min-width: 20px;
    right: 4.2vw;
  }
  #contents {
    padding-top: 5.65vw;
  }
  #contents .videoWrap {
    width: 100%;
    margin: 0 auto;
  }
  #contents h3, #contents h4 {
    font-size: 3.8vw;
  }
  #contents .inner {
    width: 73.6%;
    padding: 13vw 0;
  }
  #contents .inner .txt {
    text-align: left;
  }
  #contents .inner .spBox {
    width: 100vw;
    margin-left: -13.2vw;
  }
  #contents .inner .spBox p {
    width: 100%;
  }
  #contents .collaboration .logo {
    width: 41vw;
    max-width: 430px;
    margin: 8.4vw auto 10.9vw;
  }
  #contents .collaboration h4 {
    margin: 14.5vw 0 5vw;
  }
  #contents .case .sliderWrap {
    margin-top: 4vw;
  }
  #contents .case .sliderWrap .slick-dotted.slick-slider {
    margin-bottom: 10px;
  }
  #contents .case .sliderWrap .slick-dots {
    bottom: -22px;
    left: -6px;
    text-align: left;
  }
  #contents .case .sliderWrap .slick-dots li {
    width: 8px;
  }
  #contents .case .sliderWrap .slick-dots li button:before {
    font-size: 10px;
  }
  #contents .case .sliderWrap .buy {
    width: 19.2vw;
    max-width: 170px;
    margin: 0 0 0 auto;
  }
  #contents .case .sliderWrap .buy a {
    font-size: 1rem;
    padding: 8px 0;
  }
  #contents .case .sliderWrap .open {
    margin-top: 5px;
    font-size: 1rem;
  }
  #contents .artist {
    padding: 10.4vw 0 15.6vw;
  }
  #contents .artist h3 {
    margin-bottom: 7.8vw;
  }
  #contents .artist ul {
    width: 73.6%;
  }
  #contents .artist ul li {
    display: block;
    padding-bottom: 7.8vw;
    margin-bottom: 7.8vw;
  }
  #contents .artist ul li.artist1 .img {
    width: 100%;
  }
  #contents .artist ul li.artist1 .txt {
    width: 100%;
  }
  #contents .artist ul li.artist2 .img {
    width: 100%;
    max-width: 550px;
    order: 2;
  }
  #contents .artist ul li.artist2 .txt {
    width: 100%;
    max-width: 984px;
    order: 1;
  }
  #contents .artist ul li.artist2 .txt p:first-child {
    text-align: left;
  }
  #contents .artist ul li.artist2 .txt p:nth-child(2) {
    text-align: left;
  }
  #contents .artist ul li.artist2 .txt p.insta {
    top: 0;
    left: initial;
    right: 0;
  }
  #contents .artist ul li.artist3 .img {
    width: 100%;
    max-width: 808px;
  }
  #contents .artist ul li.artist3 .txt {
    width: 100%;
    max-width: 608px;
  }
  #contents .artist ul li .img {
    margin-bottom: 7.9vw;
  }
  #contents .artist ul li .txt {
    position: relative;
  }
  #contents .artist ul li .txt p:first-child {
    margin-bottom: 4.2vw;
    font-size: 1.4rem;
  }
  #contents .artist ul li .txt p:nth-child(2) {
    font-size: 1.1rem;
    text-align: left;
  }
  #contents .artist ul li .txt p.insta {
    width: 6vw;
    max-width: 32px;
    top: -6px !important;
  }
  #contents .nft .inner p:first-child {
    margin-bottom: 6vw;
  }
  #contents .outro .txt {
    text-align: center;
    padding: 10.4vw 0;
  }
  #contents .outro .donation {
    padding: 10.4vw 0 13vw;
  }
  #contents .outro .donation p {
    opacity: 1 !important;
  }
  #contents .outro .donation p:first-child {
    margin-bottom: 3.3vw;
    font-size: 1rem;
  }
  #contents .outro .donation p:first-child span {
    font-size: 1.4rem;
    margin-bottom: 1.9vw;
  }
  #contents .outro .donation p:last-child {
    width: 73vw;
  }
  footer {
    padding: 3.8vw 0;
    margin: 0 auto;
    position: relative;
  }
  footer p:first-child {
    width: 6vw;
    max-width: 37px;
    margin: 0;
    position: absolute;
    right: 5vw;
    top: 3.8vw;
  }
  footer p:last-child {
    font-size: 1em;
    text-align: left;
    margin-left: 5vw;
  }
}
@media (max-width: 480px) {
  header #timer {
    left: 62vw;
  }
}/*# sourceMappingURL=style.css.map */