@charset "UTF-8";
@import url(https://db.onlinewebfonts.com/c/4f23e5adf44a99020e63cd8ea791046e?family=Avenir+Next+W04+Regular);
@import url(https://db.onlinewebfonts.com/c/250335a106a8ab0517c821001753b335?family=Avenir+Next+W05+Italic);
@media screen and (max-width: 743px) {
  .sp_hidden {
    display: none;
  }
}
body,
h2,
p,
span,
a {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
  color: #212121;
  line-height: 1.5;
}

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

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

.first_view {
  position: relative;
  width: 100vw;
  height: auto;
  animation-name: fadeInAnime;
  animation-duration: 4s;
  animation-fill-mode: forwards;
  opacity: 0;
  overflow: hidden;
}
@keyframes fadeInAnime {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.first_view img {
  animation-name: shrinkAnime;
  animation-duration: 4s;
}
@keyframes shrinkAnime {
  from {
    transform: scale(1.1);
  }
  to {
    transform: scale(1);
  }
}

.main_content {
  padding: 0;
  overflow: hidden;
}
.main_content .main_description {
  max-width: calc(100% - 8.205vw);
  width: 100%;
  margin: 14.35898vw auto 8.205vw;
}
.main_content .scroll_infinity_wrap {
  display: flex;
  align-items: center;
  background: #fff;
  overflow: hidden;
  /* 右から左へ流れるアニメーションの定義 */
  /* 左から右へ流れるアニメーションの定義 */
}
.main_content .scroll_infinity_wrap:first-of-type {
  margin-bottom: 4.1025vw;
}
.main_content .scroll_infinity_wrap:first-of-type .scroll_infinity_list {
  animation: scrollInfinityLeftAnimation 16s infinite linear 0.2s both;
}
.main_content .scroll_infinity_wrap:nth-of-type(2) {
  margin-bottom: 16.41vw;
}
.main_content .scroll_infinity_wrap:nth-of-type(2) .scroll_infinity_list {
  animation: scrollInfinityRightAnimation 16s infinite linear 0.2s both;
}
.main_content .scroll_infinity_wrap .scroll_infinity_list {
  display: flex;
  list-style: none;
  padding: 0;
}
.main_content .scroll_infinity_wrap .scroll_infinity_list .scroll_infinity_list_item {
  display: block;
  position: relative;
  width: 212px;
  margin-right: 4.1025vw;
  padding: 8px;
  border: 1px solid #212121;
  border-radius: 9999px;
  text-align: center;
}
@keyframes scrollInfinityLeftAnimation {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes scrollInfinityRightAnimation {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
}
.main_content .product_thumbnail {
  position: relative;
  margin-bottom: 6.15375vw;
}
.main_content .product_thumbnail:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 9999;
  transition: 1s;
}
.main_content .product_thumbnail img {
  opacity: 0;
  transition: 1s;
}
.main_content .product_thumbnail.active:before {
  transform: translateX(100%);
}
.main_content .product_thumbnail.active img {
  opacity: 1;
}
.main_content .main_head span {
  display: none;
  font-family: "AvenirNext-Italic", "Avenir Next W05 Italic", "Noto Sans", sans-serif;
  font-size: 40px;
}
.main_content .catch_copy {
  display: flex;
  align-items: center;
  margin-bottom: 6.15375vw;
  font-size: 14px;
  font-weight: 600;
}
.main_content .catch_copy img {
  max-width: 64px;
  width: 100%;
  margin-right: 4px;
}
.main_content .guidance {
  position: relative;
  margin-bottom: 4.1025vw;
}
.main_content .guidance .text {
  display: block;
  max-width: 43px;
  width: 100%;
}
.main_content .guidance::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 43px;
  width: 0%;
  height: 1px;
  background: #212121;
}
.main_content .guidance.active::before {
  animation: borderExtend 1.5s linear forwards;
  will-change: width;
}
@keyframes borderExtend {
  0% {
    width: 0%;
  }
  100% {
    width: calc(100% - 43px);
  }
}
.main_content .recommend_item {
  display: flex;
  align-items: center;
}
.main_content .recommend_item:not(:last-child) {
  margin-bottom: 2.05125vw;
}
.main_content .recommend_item .number {
  margin-right: 2.05125vw;
  font-family: "AvenirNext-Italic", "Avenir Next W05 Italic", "Noto Sans", sans-serif;
  font-size: 32px;
}
.main_content .recommend_item .text {
  font-weight: 600;
}
.main_content .Nave {
  margin-bottom: 14.35898vw;
  padding: 6.15375vw 4.1025vw 6.15375vw;
  background: #eeebe4;
}
.main_content .Nave .main_head {
  margin-top: -12.3075vw;
}
.main_content .Nave .product_thumbnail:before {
  background: #eeebe4;
}
.main_content .ReNAVE {
  margin-bottom: 14.35898vw;
  padding: 6.15375vw 4.1025vw 6.15375vw;
  background: #212121;
}
.main_content .ReNAVE .main_head span {
  color: #fff;
}
.main_content .ReNAVE .catch_copy span {
  color: #fff;
}
.main_content .ReNAVE .product_thumbnail:before {
  background: #212121;
}
.main_content .ReNAVE .guidance .text {
  color: #fff;
}
.main_content .ReNAVE .guidance::before {
  background: #fff;
}
.main_content .ReNAVE .recommend_item .number,
.main_content .ReNAVE .recommend_item .text {
  color: #fff;
}
.main_content section {
  margin-bottom: 14.35898vw;
  padding: 0 4.1025vw;
}
.main_content section .product_thumbnail {
  position: relative;
}
.main_content section .product_thumbnail .number {
  position: absolute;
  font-family: "AvenirNext-Italic", "Avenir Next W05 Italic", "Noto Sans", sans-serif;
  font-size: 48px;
  line-height: 1;
}
.main_content section .head {
  position: relative;
  margin-bottom: 6.15375vw;
  padding: 2.05125vw 0;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
}
.main_content section .head:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 32px;
  border-top: 1px solid #212121;
  border-left: 1px solid #212121;
}
.main_content section .head:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 24px;
  height: 32px;
  border-bottom: 1px solid #212121;
  border-right: 1px solid #212121;
}
.main_content section .description {
  margin-bottom: 6.15375vw;
}
.main_content section .link_wrap .item-credit a {
  display: flex;
  margin-bottom: 8px;
}
.main_content section .link_wrap .item-credit a span {
  font-family: "Avenir Next", "Avenir Next W04 Regular", "Noto Sans", sans-serif;
  font-size: 10px;
}
.main_content section .link_wrap .item-credit a .item {
  max-width: 120px;
  width: 100%;
  margin-right: 24px;
}
.main_content section .link_wrap .item-credit a .price {
  max-width: 70px;
  width: 100%;
  margin-right: 16px;
}
.main_content section .link_wrap .item-credit a .buy {
  display: block;
  max-width: 70px;
  width: 100%;
  border: 1px solid #212121;
  text-align: center;
  transition: 0.4s cubic-bezier(0.37, 0, 0.63, 1);
}
.main_content section .link_wrap .item-credit a .buy:hover {
  background: #212121;
  color: #fff;
  letter-spacing: 0.15em;
}
.main_content section.foil_printed_skirt .product_thumbnail .number {
  bottom: 0;
  right: 4.1025vw;
}
.main_content section.dry_tussah_skirt .product_thumbnail .number, .main_content section.hollow_twill_pants .product_thumbnail .number {
  bottom: 0;
  left: 4.1025vw;
}
.main_content section.crash_organdy_skirt .product_thumbnail .number {
  top: 4.1025vw;
  right: 4.1025vw;
}
.main_content section.crash_organdy_skirt .number {
  color: #fff;
}
.main_content section.barrel_strech_pants .product_thumbnail .number {
  top: 0;
  left: 4.1025vw;
}

.credit_wrap {
  width: 100%;
  padding: 14.35898vw 6.15375vw;
  background: #f7f7f7;
}
.credit_wrap .credit p {
  font-family: "Avenir Next", "Avenir Next W04 Regular", "Noto Sans", sans-serif;
  color: #212121;
}
.credit_wrap .credit p:not(:last-child) {
  margin-bottom: 1.025625vw;
}
.credit_wrap .credit .head {
  font-size: 16px;
}

.fadeUp {
  opacity: 0;
}
.fadeUp.active {
  transform: none;
  animation: fadeUp 1s ease-in-out forwards;
  will-change: transform, opacity;
}

@keyframes fadeUp {
  0% {
    transform: translateY(50px);
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    transform: translateY(0px);
    opacity: 1;
  }
}
@media screen and (min-width: 744px) {
  body,
  h2,
  p,
  span,
  a {
    font-size: 14px;
  }
  .pc_hidden {
    display: none;
  }
  .main_content .main_description {
    max-width: calc(100% - 24.615vw);
    margin: 7.17949vw auto 4.1025vw;
    text-align: center;
  }
  .main_content .scroll_infinity_wrap:first-of-type {
    margin-bottom: 2.05125vw;
  }
  .main_content .scroll_infinity_wrap .scroll_infinity_list .scroll_infinity_list_item {
    width: 250px;
  }
  .main_content .main_head span {
    font-size: 60px;
  }
  .main_content .catch_copy img {
    max-width: 96px;
    margin-right: 8px;
  }
  .main_content .catch_copy span {
    font-size: 16px;
  }
  .main_content .only_pc_layout_wrap {
    display: flex;
    align-items: flex-end;
    -moz-column-gap: 2.05125vw;
         column-gap: 2.05125vw;
  }
  .main_content .only_pc_layout_wrap .product_thumbnail {
    max-width: 41.025vw;
    width: 100%;
    margin-bottom: 0;
    overflow: hidden;
  }
  .main_content .only_pc_layout_wrap .only_pc_layout {
    max-width: 30.76875vw;
    width: 100%;
  }
  .main_content .only_pc_layout_wrap .only_pc_layout .guidance {
    margin-bottom: 2.05125vw;
  }
  .main_content .only_pc_layout_wrap .only_pc_layout .guidance:before {
    left: 51px;
  }
  .main_content .only_pc_layout_wrap .only_pc_layout .guidance .text {
    max-width: 51px;
  }
  .main_content .only_pc_layout_wrap .only_pc_layout .recommend_item:not(:last-child) {
    margin-bottom: 1.025625vw;
  }
  .main_content .Nave,
  .main_content .ReNAVE {
    margin-bottom: 7.17949vw;
    padding: 3.076875vw 8.205vw 6.15375vw;
  }
  .main_content .Nave .main_head {
    margin-top: -6.15375vw;
  }
  .main_content section {
    margin-bottom: 7.17949vw;
  }
  .main_content section .product_thumbnail {
    max-width: 41.025vw;
    width: 100%;
    margin: 0 auto 3.076875vw;
  }
  .main_content section .head {
    max-width: 41.025vw;
    width: 100%;
    margin: 0 auto 3.076875vw;
    font-size: 16px;
  }
  .main_content section .description {
    max-width: calc(100% - 24.615vw);
    width: 100%;
    margin: 0 auto 3.076875vw;
  }
  .main_content section .link_wrap {
    max-width: calc(100% - 24.615vw);
    width: 100%;
    margin: 0 auto;
  }
  .main_content section .link_wrap .item-credit a span {
    font-size: 12px;
  }
  .credit_wrap {
    padding: 7.17949vw 6.15375vw;
  }
}
@media screen and (744px <= width < 1000px) {
  .main_content section.foil_printed_skirt .product_thumbnail .number {
    right: 2.05125vw;
  }
  .main_content section.dry_tussah_skirt .product_thumbnail .number, .main_content section.hollow_twill_pants .product_thumbnail .number {
    left: 2.05125vw;
  }
  .main_content section.crash_organdy_skirt .product_thumbnail .number {
    top: 2.05125vw;
    right: 2.05125vw;
  }
  .main_content section.barrel_strech_pants .product_thumbnail .number {
    left: 2.05125vw;
  }
}/*# sourceMappingURL=common.css.map */