@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap");
@import url("https://fonts.cdnfonts.com/css/koulen");
@import url("https://fonts.cdnfonts.com/css/offbit-trial");
@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap");
@import url("https://fonts.cdnfonts.com/css/syncopate?styles=20510");
@import url("https://fonts.googleapis.com/css2?family=Afacad:ital,wght@0,400..700;1,400..700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap");
@import url("https://fonts.cdnfonts.com/css/frank-ruhl-libre?styles=19926");
@import url("https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
@import url(http://weloveiconfonts.com/api/?family=entypo);
@import url("https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.cdnfonts.com/css/tw-cen-mt-std");
@import url("https://fonts.googleapis.com/css2?family=Afacad:ital,wght@0,400..700;1,400..700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Jost:ital@1&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Lora:ital,wght@0,400..700;1,400..700&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap");
@media screen and (max-width: 743px) {
  .sp_hidden {
    display: none;
  }
}
html {
  scroll-behavior: smooth;
}

body {
  background: #ebe9e1;
}

main {
  width: 100vw;
  overflow: hidden;
}

a {
  text-decoration: none;
}

body,
h2,
p,
span,
a {
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-size: 14px;
  color: #000;
}

a:hover {
  opacity: 0.8;
  transition-duration: 0.8s;
}

img {
  width: 100%;
  height: auto;
}

.image_wrap {
  width: 100%;
}

.main_visual {
  width: 100%;
  margin: 0 auto 11.2vw;
  padding: 7.2vw;
}
.main_visual .image_wrap.text_2025_spring {
  max-width: 20.535vw;
  width: 100%;
  margin: 0 auto 6.4vw;
}
.main_visual .image_wrap.mv {
  width: 100%;
  margin: 0 auto;
}
.main_visual .title_wrap {
  max-width: 76.535vw;
  width: 100%;
  margin: -10vw auto 3.2vw;
}
.main_visual .title_wrap .image_wrap {
  margin: 0 auto 3.2vw;
}
.main_visual .title_wrap .image_wrap.title {
  display: flex;
  align-items: center;
  justify-content: center;
}
.main_visual .title_wrap .image_wrap.title.isActive {
  --opacity: 1;
}
.main_visual .title_wrap .image_wrap.title .char {
  display: inline-block;
  height: 28.8vw;
  opacity: var(--opacity, 0);
  transition: opacity 0.6s cubic-bezier(0.77, 0, 0.175, 1);
  transition-delay: calc(0.2s * var(--char-index));
}
.main_visual .title_wrap .image_wrap.subtitle {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 14.66666vw;
  width: 100%;
  margin: 0 auto;
}
.main_visual .title_wrap .image_wrap.subtitle.isActive {
  --opacity: 1;
}
.main_visual .title_wrap .image_wrap.subtitle .char {
  display: inline-block;
  height: 4.26666vw;
  opacity: var(--opacity, 0);
  transition: opacity 0.6s cubic-bezier(0.77, 0, 0.175, 1);
  transition-delay: calc(0.2s * var(--char-index));
}
.main_visual .logo_wrap {
  max-width: 41.0667vw;
  width: 100%;
  margin: 0 auto;
}

.movie_wrap {
  position: relative;
  max-width: 71.2vw;
  width: 100%;
  min-height: 126.668vw;
  height: 100%;
  margin: 0 auto 18.66666vw;
  overflow: hidden;
}
.movie_wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

section {
  position: relative;
  width: 100%;
  padding: 0 0 10.66666vw;
}
section .credit_wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px 20px;
  position: relative;
  width: 100%;
  margin: 5.33333vw auto 0;
}
section .credit_wrap .credit {
  display: flex;
  align-items: center;
  justify-content: center;
}
section .credit_wrap .credit .item {
  margin-right: 5px;
  font-family: "Oswald", sans-serif;
  font-size: 12px;
  color: #000;
}
section .credit_wrap .credit a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 15px;
  background: #000;
}
section .credit_wrap .credit a .buy {
  font-family: "Oswald", sans-serif;
  font-size: 10px;
  color: #fff;
}
section#styling01 .image_wrap.first {
  margin-bottom: 5.33333vw;
}
section#styling01 .image_wrap.second {
  margin-bottom: 10.66666vw;
}
section#styling01 .image_wrap.third {
  max-width: 80.535vw;
  margin: 0 auto;
}
section#styling03 .image_wrap_parent .image_wrap.first {
  max-width: 67.2vw;
  margin: 0 auto 5.33333vw 0;
}
section#styling03 .image_wrap_parent .image_wrap.second {
  max-width: 80.535vw;
  margin: 0 0 5.33333vw auto;
}
section#styling04 .image_wrap_parent .image_wrap.second {
  max-width: 66.667vw;
  margin: -6.93333vw auto 0;
}
section#styling05 {
  margin-bottom: 32vw;
}
section#styling05 .image_wrap_parent .image_wrap.first {
  max-width: 90.1333vw;
  margin: 0 auto;
}
section#styling05 .image_wrap_parent .image_wrap.second {
  max-width: 90.1333vw;
  margin: 0 auto 10.66666vw;
}
section#profile {
  position: relative;
  max-width: 75.735vw;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 16vw;
}
section#profile .image_wrap.text_seira {
  z-index: 9999;
  position: absolute;
  top: -24.534vw;
  right: 0;
  left: 0;
  margin: auto;
}
section#profile .image_wrap.profile_thumbnail {
  max-width: 72.8vw;
  margin: 0 auto;
}
section#profile .description {
  max-width: 72.8vw;
  width: 100%;
  margin: 0 auto;
  padding: 8vw 0;
  background: #000;
}
section#profile .description .instagram {
  display: flex;
  align-items: center;
  position: relative;
  max-width: 14.4vw;
  width: 100%;
  height: 14.4vw;
  margin: 0 auto 8vw;
  border-radius: 9999px;
  background: #fff;
}
section#profile .description .instagram img {
  position: absolute;
  right: 0;
  left: 0;
  margin: auto;
  max-width: 8vw;
}
section#profile .description .text {
  font-size: 12px;
  line-height: 2;
  text-align: center;
  color: #fff;
}
section#other {
  padding-bottom: 13.33333vw;
}
section#other .all_items_wrap,
section#other .brand_top {
  max-width: 89.6vw;
  width: 100%;
  margin: 0 auto;
}
section#other .all_items_wrap a,
section#other .brand_top a {
  display: block;
  width: 100%;
  height: 67px;
  text-align: center;
  background: #000;
}
section#other .all_items_wrap a span,
section#other .brand_top a span {
  font-family: "Oswald", sans-serif;
  font-size: 16px;
  line-height: 4.1875;
  letter-spacing: 0.2em;
  color: #fff;
}
section#other .all_items_wrap {
  margin-bottom: 8vw;
}
section#other .all_items_wrap .annotation {
  margin: 3.46666vw auto 0;
  font-size: 12px;
  text-align: center;
  color: #000;
}
section#other .brand_top {
  margin-bottom: 13.6vw;
}

.fadeIn {
  opacity: 0;
}
.fadeIn.active {
  animation: fadeIn 1s forwards;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeUp {
  opacity: 0;
}
.fadeUp.active {
  animation: fadeUp 1s forwards;
}

@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media screen and (min-width: 744px) {
  .pc_hidden {
    display: none;
  }
  .main_visual {
    margin: 0 auto 6.36896vw;
    padding: 2.2694vw 0 0;
  }
  .main_visual .image_wrap.text_2025_spring {
    max-width: 10.3226vw;
    margin: 0 auto 2.19619vw;
  }
  .main_visual .image_wrap.mv {
    max-width: 74.96396vw;
  }
  .main_visual .title_wrap {
    max-width: 31.69896vw;
    margin: -17.57vw auto 1.3177196vw;
  }
  .main_visual .title_wrap .image_wrap {
    margin: 0 auto 1.24451vw;
  }
  .main_visual .title_wrap .image_wrap.title .char {
    height: 12.1528vw;
  }
  .main_visual .title_wrap .image_wrap.subtitle {
    max-width: 6.076133vw;
  }
  .main_visual .title_wrap .image_wrap.subtitle .char {
    height: 1.684vw;
  }
  .main_visual .logo_wrap {
    max-width: 17.0576vw;
  }
  .movie_wrap {
    max-width: 100%;
    min-height: 56.223vw;
    margin: 0 auto 6.14934vw;
  }
  section {
    padding: 0 0 7.32066vw;
  }
  section .credit_wrap {
    margin: 1.5625vw 0 0;
  }
  section#styling01 .image_wrap_parent {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    max-width: 77.6726vw;
    width: 100%;
    margin: 0 auto;
  }
  section#styling01 .image_wrap_parent.first .image_wrap.first {
    max-width: 36.2377vw;
    margin-top: 9.0044vw;
    margin-bottom: 0;
  }
  section#styling01 .image_wrap_parent.first .image_wrap.second {
    max-width: 37.775vw;
    margin-bottom: 0;
  }
  section#styling01 .image_wrap_parent.second {
    margin-top: -13.6164vw;
    padding-left: 3.4407vw;
  }
  section#styling01 .image_wrap_parent.second .image_wrap.third {
    max-width: 30.165vw;
    margin: 0;
  }
  section#styling01 .image_wrap_parent.second .credit_wrap {
    justify-content: flex-end;
    max-width: 37.775vw;
    margin-top: 15.081vw;
  }
  section#styling02 {
    max-width: 42.9727vw;
    margin: 0 auto;
  }
  section#styling03 {
    max-width: 68.375vw;
    margin: 0 auto;
    padding: 0 0 16.47148vw;
  }
  section#styling03 .image_wrap_parent {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin: 0 auto 7.39388vw;
  }
  section#styling03 .image_wrap_parent .image_wrap.first, section#styling03 .image_wrap_parent .image_wrap.second {
    max-width: 33.45591vw;
    margin: 0;
  }
  section#styling03 .image_wrap.third {
    max-width: 36.5305vw;
    margin: 0 auto;
  }
  section#styling03 .credit_wrap {
    position: absolute;
    justify-content: flex-end;
    top: 44.7vw;
    right: 0;
  }
  section#styling04 {
    max-width: 69.5466vw;
    margin: 0 auto;
  }
  section#styling04 .image_wrap_parent {
    display: flex;
    align-items: flex-start;
  }
  section#styling04 .image_wrap_parent .image_wrap.first {
    max-width: 48.2436vw;
  }
  section#styling04 .image_wrap_parent .image_wrap.second {
    position: absolute;
    right: 0;
    max-width: 29.283vw;
    margin: -9.151vw auto 0;
  }
  section#styling04 .credit_wrap {
    justify-content: flex-start;
  }
  section#styling05 {
    max-width: 78.99vw;
    margin: 0 5.856512vw 0 auto;
    padding: 0 0 21.962vw;
  }
  section#styling05 .image_wrap_parent {
    display: flex;
    align-items: center;
    max-width: 64.422vw;
    width: 100%;
    margin: 0 0 7.39388vw auto;
  }
  section#styling05 .image_wrap_parent .image_wrap.first, section#styling05 .image_wrap_parent .image_wrap.second {
    max-width: 50%;
    margin: 0;
  }
  section#styling05 .image_wrap.third {
    max-width: 37.4255vw;
    margin: 0 auto 0 0;
  }
  section#styling05 .credit_wrap {
    position: absolute;
    justify-content: flex-end;
    top: 42.95vw;
    right: 0;
  }
  section#profile {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 65.52vw;
    margin-bottom: 7.32066vw;
    padding-bottom: 0;
  }
  section#profile .image_wrap.profile_thumbnail {
    max-width: 27.3797vw;
  }
  section#profile .description {
    max-width: calc(100% - 27.3797vw);
    height: 41.05vw;
    padding: 9.0044vw 0;
  }
  section#profile .description .image_wrap.text_seira {
    position: static;
    max-width: 25.403vw;
    margin: 0 auto 2.92826vw;
  }
  section#profile .description .instagram {
    position: absolute;
    bottom: 2.19619vw;
    right: 2.19619vw;
    max-width: 3.95315vw;
    height: 3.95315vw;
    margin: 0;
  }
  section#profile .description .instagram img {
    max-width: 2.19619vw;
  }
  section#other {
    max-width: 24.5977vw;
    margin: 0 auto 5.856512vw;
  }
  section#other .all_items_wrap {
    margin-bottom: 3.66032vw;
  }
  section#other .all_items_wrap .all_items {
    margin-bottom: 0.732066vw;
  }
  section#other .all_items_wrap .annotation {
    margin: 0;
  }
  section#other .brand_top {
    margin-bottom: 0;
  }
}
@media screen and (744px <= width < 1150px) {
  section#profile {
    max-width: 72vw;
  }
  section#profile .image_wrap.profile_thumbnail {
    max-width: 34vw;
  }
  section#profile .description {
    max-width: 100%;
    height: 50.97vw;
    padding: 5.5vw 0;
  }
  section#profile .description .text .tab_show {
    display: block;
  }
}/*# sourceMappingURL=common.css.map */