html, body {
  width: 100%;
  color: #000; }

.collection {
  width: 100%;
  font-size: 2.4vw; }
  .collection .st_credit {
    position: relative;
    color: #000;
    font-size: 2.4vw;
    line-height: 2;
    margin-bottom: 30%; }
    .collection .st_credit p {
      letter-spacing: 1px;
      margin-left: 8%; }
  .collection .credit {
    padding: 2% 5%; }
    .collection .credit a {
      color: #000; }
  .collection img {
    width: 100%;
    vertical-align: bottom; }
  .collection .sticky {
    position: sticky;
    top: 0;
    overflow: hidden; }
  .collection .content .style .detail a {
    font-size: 3.0vw;
    letter-spacing: 1px; }
  .collection .header {
    position: relative; }
    .collection .header h2 {
      width: 40%;
      position: absolute;
      left: 30%;
      top: 45%;
      z-index: 2; }
    .collection .header .pht {
      width: 100%;
      display: block;
      filter: grayscale(0%);
      transition: filter 1.5s cubic-bezier(0.4, 0, 0.2, 1); }
  .collection .header.is-active .pht {
    filter: grayscale(0%); }
  .collection .st0 {
    fill: #000;
    stroke-width: 4;
    transition: fill 0.6s ease; }
  .collection .ttlArea.is-active .st0 {
    fill: #eefae6; }
  .collection .trigger {
    height: 1px; }
  .collection .ttlArea {
    position: relative; }
    .collection .ttlArea .ph {
      position: absolute;
      width: 32%;
      right: 18%;
      top: 32%;
      transition: opacity 0.6s ease; }
  .collection .ttlArea.is-active .ph {
    opacity: 0.45; }
  .collection .styleWrap .sticky {
    z-index: -1; }

.ttlAreapc {
  display: none; }

#footer {
  margin-top: 0;
  background: #fff; }

.pc {
  display: none; }

.section {
  background: #fff;
  z-index: 2;
  width: 100%;
  overflow: hidden; }

#sec1 {
  padding: 20% 0; }
  #sec1 .slider {
    width: 100%; }
  #sec1 .credit {
    width: 100%;
    margin-bottom: 10%; }
  #sec1 .pht1 {
    width: 60%;
    margin-left: 10%; }
  #sec1 .pht2 {
    width: 60%;
    margin-left: 30%;
    margin-top: -10%; }

#sec2 {
  padding-bottom: 20%; }
  #sec2 .pht1 {
    padding-top: 15%;
    margin-bottom: 6%; }
  #sec2 .pht2 {
    width: 70%;
    margin: 0 auto 1% auto; }
  #sec2 .pht3 {
    width: 70%;
    margin: 0 auto 0% auto; }
  #sec2 .pht4 {
    width: 35%;
    padding: 15% 0;
    margin: 0 0 0% 60%; }

#sec3 {
  padding-bottom: 20%; }
  #sec3 .pht1 {
    width: 70%;
    margin: 0 0 15% 25%; }
  #sec3 .pht3 {
    width: 90%;
    margin: 0 auto 0% auto;
    padding-top: 20%; }

#sec4 {
  padding-bottom: 15%; }
  #sec4 .credit {
    width: 100%;
    margin-bottom: 15%; }
  #sec4 .pht2 {
    width: 55%;
    margin: 0 0 15% 5%; }
  #sec4 .pht3 {
    width: 70%;
    margin: 0 0 0% 30%; }

#sec5 {
  padding-bottom: 10%; }
  #sec5 .pht {
    width: 80%;
    margin: 0 auto; }

#sec6 {
  padding-bottom: 20%; }
  #sec6 .pht1 {
    margin-bottom: 15%; }
  #sec6 .pht2 {
    width: 70%;
    margin: 0 auto 10% auto; }
  #sec6 .pht3 {
    width: 90%;
    margin: 0 auto 20% auto; }

#sec7 {
  padding-bottom: 20%; }
  #sec7 .slider {
    width: 100%;
    margin-bottom: 20%; }
  #sec7 .pht1 {
    width: 65%;
    margin-left: 30%; }
  #sec7 .pht2 {
    width: 55%;
    margin-left: 5%;
    margin-top: -10%;
    margin-bottom: 20%; }
  #sec7 .pht3 {
    width: 90%;
    margin: 0 auto 0% auto; }

#sec8 {
  padding-bottom: 20%; }
  #sec8 .pht1 {
    width: 70%;
    margin-bottom: 5%; }
  #sec8 .pht2 {
    width: 50%;
    margin: 0 0 5% 50%; }
  #sec8 .pht3 {
    width: 50%;
    margin: 0 0 20% 10%; }

#sec9 {
  padding-bottom: 20%; }
  #sec9 .sd1 {
    width: 90%;
    margin-left: 10%;
    margin-bottom: 20%; }
  #sec9 .cd1 {
    margin-bottom: 25%; }

#sec10 {
  padding-bottom: 20%; }
  #sec10 .pht1 {
    margin-bottom: 15%; }
  #sec10 .slider {
    width: 90%; }
  #sec10 .pht2 {
    width: 80%;
    margin-left: 20%;
    margin-bottom: 15%; }
  #sec10 .pht3 {
    width: 50%;
    margin-left: 5%; }

#sec11 {
  padding-bottom: 20%; }
  #sec11 .pht1 {
    margin-bottom: 15%; }
  #sec11 .pht2 {
    width: 40%;
    margin-left: 10%;
    margin-bottom: 10%; }
  #sec11 .pht3 {
    width: 60%;
    margin-left: 35%; }

#sec12 {
  padding-bottom: 20%; }
  #sec12 .pht1 {
    width: 80%;
    margin-left: 5%;
    margin-bottom: 15%; }
  #sec12 .pht2 {
    width: 80%;
    margin: 0 0 15% 20%; }