@charset "utf-8";

/*reset*/
/*
  Josh's Custom CSS Reset
  https://www.joshwcomeau.com/css/custom-css-reset/
*/
*,*::before,*::after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}

/**/
:root {
  --font-gilda: 'Gilda Display', serif;
  --font-jost: 'Jost', sans-serif;
  --font-ja: 'Noto Serif JP', serif;

  --color-text: #000;

  --fz10-sp: 2.666666667vw;
  --fz10-tab: min(1.302083333vw, 10px);
  --fz10-pc: clamp(10px, 0.78125vw, 12px);

  --fz12-sp: 3.2vw;
  --fz12-tab: min(1.5625vw, 12px);
  --fz12-pc: clamp(12px, 0.9375vw, 14px);

  --fz14-sp: 3.733333333vw;
  --fz14-tab: min(1.822916667vw, 14px);
  --fz14-pc: clamp(14px, 1.09375vw, 16px);

  --fz15-sp: 4vw;
  --fz15-tab: min(1.953125vw, 15px);
  --fz15-pc: clamp(15px, 1.171875vw, 17px);

  --fz18-sp: 4.8vw;
  --fz18-tab: min(2.34375vw, 18px);
  --fz18-pc: clamp(18px, 1.40625vw, 20px);

  --fz20-sp: 5.333333333vw;
  --fz20-tab: min(2.604166667vw, 20px);
  --fz20-pc: clamp(20px, 1.5625vw, 24px);

  --fz50-sp: 13.333333333vw;
  --fz50-tab: min(6.510416667vw, 50px);
  --fz50-pc: clamp(50px, 3.90625vw, 60px);

  --m40-sp: 10.666666667vw;
  --m40-tab: 5.2vw;
  --m40-pc: min(3.125vw, 60px);

  --m60-pc: 4.6875vw;
  --m120-pc: 9.375vw;
}

body {
  font-family: var(--font-ja);
  color: var(--color-text);
  letter-spacing: 0.035em;
}

ul,
li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

img {
  height: auto;
}

.tab-visible {
  display: none;
}

@media (min-width: 600px) {
  .tab-visible {
    display: block;
  }
  .tab-none {
    display: none;
  }
}


/* layout */
.wrapper {
}

.container {
  padding: 0 20px;
}

@media (min-width: 900px) {
  .container {
    padding: 0;
  }
}


[class*="fadeIn"] {
  opacity: 0;
  animation-fill-mode: both;
  animation-duration: 1s;
  animation-timing-function: ease-out;
}


.fadeIn.is-animated {
  animation-name: fadeIn;
}
.fadeInUp.is-animated {
  animation-name: fadeInUp;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}




/* firstView */
.firstView {
  width: 100%;
  background: #000;
  position: relative;
  height: 131vw;
  padding: 5.333333333vw;

}

.daks_logo {
  width: 50px;
  opacity: 0;
  transition: opacity 1s ease-out 1.8s;
}

.firstView_imgArea {
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.firstView_img {
  position: absolute;
  opacity: 0;
  transition-property: opacity, transform;
  transition-duration: 1s, 1s;
  transition-timing-function: ease-out, ease-out;
}

.firstView_img-01 {
  width: 42.266666667vw;
  top: 16vw;
  left: -6vw;
  transform: translateY(-20px);
}

.firstView_img-02 {
  width: 30.666666667vw;
  top: 4.5vw;
  left: 36.5vw;
  transition-delay: 0.2s, 0.2s;
  transform: translateY(20px);
}

.firstView_img-03 {
  width: 30.933333333vw;
  top: 8vw;
  right: 1vw;
  transition-delay: 0.4s, 0.4s;
  transform: translateY(-20px);
}

.firstView_title {
  position: absolute;
  z-index: 1;
  bottom: 12vw;
  left: 50%;
  transform: translate(-50%, 0);
  width: 70vw;
  opacity: 0;
  transition: opacity 1s ease-out 1.2s;

}

.firstView_season {
  position: absolute;
  bottom: 5vw;
  left: 50%;
  transform: translate(-50%,0);
  font-family: var(--font-gilda);
  font-size: var(--fz10-sp);
  color: #fff;
  font-weight: 700;
  line-height: 1;
  opacity: 0;
  letter-spacing: 0.05em;
  transition: opacity 1s ease-out 1.8s;
}

.is-loaded .daks_logo,
.is-loaded .firstView_img,
.is-loaded .firstView_title,
.is-loaded .firstView_season {
  opacity: 1;
}

.is-loaded .firstView_img {
  transform: translateY(0);
}


@media (min-width: 600px) {
  .firstView {
  }
  .daks_logo {
    width: 100px;
  }

}

@media (min-width: 900px) {
  .firstView {
    height: min(100vh, 53.75vw);
    padding: 2.734375vw;
  }

  .firstView_imgArea {
    width: 72.5%;
    left: auto;
    right: 0;
    display: flex;
  }

  .firstView_img {
    position: relative;
  }

  .firstView_img-01 {
    top: auto;
    bottom: -1vw;
    left: auto;
  }

  .firstView_img-02 {
    top: auto;
    bottom: -0.6vw;
    left: auto;
  }

  .firstView_img-03 {
    top: auto;
    bottom: -1.6vw;
    right: auto;
  }

  .daks_logo {
    width: 8.59375vw;
  }

  .firstView_title {
    bottom: auto;
    right: auto;
    top: 66%;
    left: 2.734375vw;
    transform: translateY(-50%);
    width: 37.8vw;
  }

  .firstView_season {
    bottom: 2.734375vw;
    left: 2.734375vw;
    font-size: var(--fz14-pc);
    letter-spacing: 0.05em;
    transform: translate(0,0);
  }

}

/* main */

.daks_desc {
  font-size: var(--fz15-sp);
  line-height: 2.2;
  text-align: center;
  padding: 13vw 20px;
  letter-spacing: 0.05em;
}

@media (min-width: 600px) {
  .daks_desc {
    font-size: var(--fz15-tab);
  }
}

@media (min-width: 900px) {
  .daks_desc {
    font-size: var(--fz15-pc);
    padding: var(--m120-pc) 20px;
  }
}

.category_title {
  font-family: var(--font-gilda);
  font-weight: 400;
  text-align: center;
  font-size: var(--fz50-sp);
  letter-spacing: 0.05em;
}

.category_desc {
  font-size: var(--fz20-sp);
  letter-spacing: 0.05em;
  text-align: center;
}

@media (min-width: 600px) {
  .category_title {
    font-size: var(--fz50-tab);
  }
  .category_desc {
    font-size: var(--fz20-tab);
  }
}

@media (min-width: 900px) {
  .category_title {
    font-size: var(--fz50-pc);
    text-align: left;
  }
  .category_desc {
    font-size: var(--fz18-pc);
    text-align: left;
    white-space: nowrap;
  }
}


/* jacket */

.daks_jacket {
  padding: 13vw 0;
}

@media (min-width: 900px) {
  .daks_jacket {
    padding: 0;
  }
}

.daks_jacket_head {
  position: relative;
  margin-bottom: 18vw;
}

.daks_jacket_head_img {
}

.daks_jacket_head_img img {
  width: 100%;
}

.daks_jacket_head_desc {
  letter-spacing: 0.035em;
  font-size: var(--fz14-sp);
  line-height: 2.1;
  padding: var(--m40-sp) 8vw 0;
}

.daks_jacket_head_desc p + p {
  margin-top: 2em;
}

@media (min-width: 600px) {
  .daks_jacket_head_desc {
    font-size: var(--fz14-tab);
  }
}

@media (min-width: 900px) {
  .daks_jacket_head {
    width: 93.75%;
    gap: 5.46875vw;
    margin-left: auto;
    display: flex;
    flex-direction: row-reverse;
    margin-bottom: 5.625vw;
  }
  .daks_jacket_head_img {
    flex: 0 0 50vw;
  }

  .daks_jacket_head_desc {
    margin-top: 23.4375vw;
    font-size: var(--fz12-pc);
    padding: 0;
  }
}

.daks_jacket_titleArea {
  margin-bottom: var(--m40-sp);
}

@media (min-width: 900px) {

  .daks_jacket_titleArea {
    position: absolute;
    top: 0;
    left: 0;
    margin-bottom: 0;
  }

}

.daks_jacket_separate {
  margin-bottom: var(--m40-sp);
}

.daks_jacket_separate img {
  width: 100%;
}

.daks_jacket_set_container {
  padding: 0 8vw;
}

.daks_jacket_set1,
.daks_jacket_set2 {
  margin-bottom: var(--m40-sp);
}

.daks_jacket_set_row {
  display: flex;
  flex-direction: column;
  gap: var(--m40-sp);
  margin-bottom: var(--m40-sp);
}

.daks_jacket_variation {}

.item_set-variation .item_set_img {
  margin-left: -8vw;
  margin-right: -8vw;
}


@media (min-width: 600px) {

  .item_set-max {
    width: 86%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: var(--m40-sp);
  }


  .daks_jacket_set_row {
    flex-direction: row;
    gap: 40px;
  }

  .item_set-variation .item_set_img {
    margin-left: 0;
    margin-right: 0;
  }


}
@media (min-width: 900px) {
  .daks_jacket_separate {
    margin-bottom: var(--m120-pc);
  }
  .item_set-max {
    width: 50vw;
    margin-bottom: var(--m120-pc);
  }

  .daks_jacket_set_row {
    gap: var(--m40-pc);
    width: 78.125vw;
    margin-left: auto;
    margin-right: auto;
  }

  .item_set-max.daks_jacket_set2 {
    margin-bottom: var(--m60-pc);
  }

  .item_set-variation {
    margin: 0 auto;
  }

  .daks_jacket_variation {
    width: 57.8125vw;
  }

}

.item_set {

}

.item_set_img {
  margin-bottom: 7.4vw;
}

.item_set_img img {
  width: 100%;
}

.item_set_price {
  font-size: var(--fz12-sp);
}

.item_set-full .item_set_price {
  padding-left: 8vw;
  padding-right: 8vw;
}


.item_set_price-variation {
  border-top: 1px solid var(--color-text);
  border-bottom: 1px solid var(--color-text);
  padding: 4.8vw 0;
}


.item_set_price_row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
}

.item_set_price_row + .item_set_price_row {
  margin-top: 20px;
}


.item_set_price_name {
  display: flex;
  justify-content: space-between;
  flex: 1 1 0%;
}
.item_set_price-variation .item_set_price_name {
  flex-direction: column;
  gap: 3px;
}

.item_set_price_name .name {}

.item_set_price-variation .item_set_price_name .name {
  letter-spacing: 0;
}

.item_set_price_name .price {
  font-family: var(--font-gilda);
}

.item_set_price_link {}

.btn {
  display: inline-block;
  background: var(--color-text);
  color: #fff;
  text-decoration: none;
  line-height: 1;
  padding: 2px 8px 4px;
  transition: 0.3s ease-out;
}
@media (min-width: 600px) {
  .item_set_img {
    margin-bottom: var(--m40-tab);
  }

  .item_set_price {
    width: 100%;
    max-width: 300px;
    font-size: var(--fz12-tab);
  }

  .item_set_price-variation {
    max-width: 480px;
    margin: 0 auto;
    padding: 20px 0;
  }

  .item_set_price-variation .item_set_price_name {
    flex-direction: row;
  }

  .item_set_price-right {
    margin-left: auto;
  }

  .item_set_price-center {
    margin-left: auto;
    margin-right: auto;
  }

  .item_set_price-space {
    margin-left: var(--m40-pc);
    margin-right: var(--m40-pc);
  }

  .item_set_price-right.item_set_price-space {
    margin-left: auto;
  }


  .item_set-full .item_set_price {
    padding-left: 0;
    padding-right: 0;
  }

}
@media (min-width: 900px) {
  .item_set_img {
    margin-bottom: var(--m40-pc);
  }

  .item_set_price {
    max-width: clamp(300px, 23.4375vw, 360px);
    font-size: var(--fz12-pc);
  }

  .item_set_price-variation {
    max-width: clamp(480px, 37.5vw, 580px);
    margin: 0 auto;
  }

  .item_set_price_row + .item_set_price_row {
    margin-top: 6px;
  }

  .btn:hover {
    background: #aaa;
  }
}




.daks_shirt {
  padding-top: 26.666666667vw;
}

.daks_shirt_head {
  display: flex;
  flex-direction: column;
  margin-bottom: 26.666666667vw;
}

.daks_shirt_titleArea {
  margin-bottom: var(--m40-sp);
}

.daks_shirt_head_img img {
  width: 100%;
}

.daks_shirt_head_desc {
  letter-spacing: 0.035em;
  font-size: var(--fz14-sp);
  line-height: 2.1;
  padding: var(--m40-sp) 8vw 0;
}

.daks_shirt_head_desc p + p {
  margin-top: 2em;
}

.daks_shirt_separate {
  display: none;
}

@media (min-width: 600px) {
  .daks_shirt_head_desc {
    font-size: var(--fz14-tab);
  }
}


@media (min-width: 900px) {
  .daks_shirt {
    padding-top: var(--m120-pc);
  }

  .daks_shirt_head {
    flex-direction: row;
    gap: 7.5vw;
    width: 84.375vw;
    margin: 0 auto 6.25vw;
  }

  .daks_shirt_titleArea {
    margin-bottom: 0;
  }

  .daks_shirt_head_img {
    display: none;
  }
  .daks_shirt_head_desc {
    padding: 0;
  }
  .daks_shirt_separate {
    display: block;
  }

  .daks_shirt_separate img {
    width: 100%;
    margin-bottom: var(--m120-pc);
  }

}



.daks_shirt_set_row {
  display: flex;
  flex-direction: column;
  gap: var(--m40-sp);
  margin-bottom: var(--m40-sp);
  padding: 0 8vw;
}

@media (min-width: 600px) {
  .daks_shirt_set_row {
    flex-direction: row;
    gap: 0;
    padding: 0;
  }

  .daks_shirt_set_row .item_set {
    flex: 1 1 0%;
  }
}

@media (min-width: 900px) {
  .daks_shirt_set_row {
    margin-bottom: var(--m120-pc);
  }

  .daks_shirt_variation {
    width: 76.5625vw;
  }
}


.daks_knit {
  padding-top: 26.666666667vw;
}

.daks_knit_head {
  position: relative;
}

.daks_knit_head_img {
}

.daks_knit_head_img img {
  width: 100%;
}

.daks_knit_head_desc {
  letter-spacing: 0.035em;
  font-size: var(--fz14-sp);
  line-height: 2.1;
  padding: var(--m40-sp) 8vw 0;
}

.daks_knit_head_desc p + p {
  margin-top: 2em;
}
.daks_knit_titleArea {
  margin-bottom: var(--m40-sp);
}
.daks_knit_head_sub {
  margin-top: 16vw;
  padding: 0 8vw;
  margin-bottom: 18vw;
}
.daks_knit_head_sub_img {
  margin-right: -8vw;
}
.daks_knit_head_sub_price {
  margin-top: var(--m40-sp);
}
@media (min-width: 600px) {
  .daks_knit_head_desc {
    font-size: var(--fz14-tab);
  }
  .daks_knit_head_sub {
    margin-top: 7.8125vw;
  }
  .daks_knit_head_sub_price {
    margin-top: var(--m40-tab);
  }
}

@media (min-width: 900px) {
  .daks_knit {
    padding-top: 12.5vw;
  }

  .daks_knit_head {
    width: 94.53125vw;
    gap: 5.46875vw;
    display: flex;
    flex-direction: row;
  }
  .daks_knit_head_img {
    flex: 0 0 50vw;
  }

  .daks_knit_head_desc {
    margin-top: 23.4375vw;
    font-size: var(--fz12-pc);
    padding: 0;
  }
  .daks_knit_titleArea {
    position: absolute;
    top: 0;
    left: 55.46875vw;
    margin-bottom: 0;
  }
  .daks_knit_head_sub {
    margin-top: var(--m40-pc);
    position: relative;
    padding: 0;
    margin-bottom: 15.625vw;

  }
  .daks_knit_head_sub_img {
    position: absolute;
    margin-right: 0;
    bottom: 0;
    right: 5.46875vw;
    width: 35.15625vw;
    transform: translateY(7.421875vw);
  }
  .daks_knit_head_sub_price {
    margin-top: 0;
  }

  .daks_knit_head_sub_price .item_set_price {
    margin-left: auto;
    margin-right: 50%;
  }

}

.daks_knit_set1,
.daks_knit_set2,
.daks_knit_set3 {
  position: relative;
  margin-bottom: var(--m40-sp);
}
.daks_knit_set1 .item_set_img {
  margin-bottom: 5vw;

}
.daks_knit_set1 .item_set_imgSub {
  margin-bottom: 7.4vw;
}

.daks_knit_set2 {
  margin-bottom: var(--m40-sp);
}

.daks_knit_set2 .item_set_price {
  padding: 0 8vw;
}

.daks_knit_set_container {
  padding: 0 8vw;
}

.daks_knit_set_row {
  display: flex;
  flex-direction: column;
  gap: var(--m40-sp);
  padding: 0 8vw;
}

@media (min-width: 600px) {
  .daks_knit_set1,
  .daks_knit_set2,
  .daks_knit_set3 {
    margin-bottom: var(--m40-tab);
  }
  .daks_knit_set1 .item_set_img {
    margin-bottom: 2.604166667vw;
  }
  .daks_knit_set1 .item_set_imgSub {
    margin-bottom: var(--m40-tab);
  }
  .daks_knit_set2 {
    width: 75vw;
  }
  .daks_knit_set2 .item_set_price {
    padding: 0;
  }
  .daks_knit_set_container {
    padding: 0 var(--m40-tab);
  }

  .daks_knit_set3 {
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-end;
    gap: 40px;
  }

  .daks_knit_set3 .item_set_img {
    margin-bottom: 0;
    flex: 0 0 40vw;
  }
  .daks_knit_set_row {
    gap: var(--m40-tab);
  }
}

@media (min-width: 900px) {
  .daks_knit_set1 {
    margin-bottom: 17.1875vw;
  }
  .daks_knit_set1 .item_set_img {
    margin-bottom: var(--m40-pc);
  }
  .daks_knit_set1 .item_set_imgSub {
    width: 23.4375vw;
    margin: 0;
    position: absolute;
    bottom: 0;
    right: 0;
    transform: translate(82%, 25%);
  }

  .daks_knit_set2,
  .daks_knit_set3 {
    margin-bottom: var(--m120-pc);
  }

  .daks_knit_set2 .item_set_price {
    padding: 0;
  }

  .daks_knit_set_container {
    padding: 0 6.25vw;
  }
  .daks_knit_set3 {
    gap: 3.125vw;
  }
  .daks_knit_set3 .item_set_img {
    flex: 0 0 50vw;
  }
  .daks_knit_set_row {
    flex-direction: row;
    justify-content: space-between;
    gap: var(--m40-pc);
    padding: 0;
  }

  .daks_knit_set_row .item_set {
    flex: 0 0 37.5vw;
  }

}

/* footer */

.daks_footer {
  text-align: center;
  padding: 90px 0 30px;
}

.daks_footer_sns {
  display: flex;
  justify-content: center;
  gap: 24px;
  align-items: center;
  margin-bottom: 36px;
}

.daks_footer_onwardLogo a {
  display: inline-block;
}

.daks_footer_onwardLogo {
  margin-bottom: 16px;
}

.daks_footer_copyright {
  font-size: 10px;
  font-family: var(--font-jost);
}

@media (min-width: 900px) {
  .daks_footer {
    padding-top: 180px;
  }
}