@charset "UTF-8";
.js-fade-Vr {
  -webkit-transition-duration: .8s;
          transition-duration: .8s;
  opacity: 0;
  -webkit-transform: translateY(3rem);
          transform: translateY(3rem);
}

.js-fade-Vr.active {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.js-fade-credit {
  -webkit-transition-duration: .8s;
          transition-duration: .8s;
  opacity: 0;
  -webkit-transform: translateY(3rem);
          transform: translateY(3rem);
  cursor: pointer;
}

.js-fade-credit.active {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

/*===================== ▼ typing animation ▼ == */
.js-texttyping {
  opacity: 0;
}

.js-texttyping.onView,
.js-border::before.onView {
  opacity: 1;
}

.js-texttyping span,
.js-border::before {
  opacity: 0;
}

.js-texttyping span.js-typing_on {
  -webkit-animation: text_anime_on 1s ease-out forwards;
          animation: text_anime_on 1s ease-out forwards;
}

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

@keyframes text_anime_on {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/*===================== ▲ typing animation ▲ == */
/*===================== ▼ border animation ▼ == */
@-webkit-keyframes border_anime_on {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes border_anime_on {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.js-border::before.onView {
  -webkit-animation: border_anime_on 1s ease-out forwards;
          animation: border_anime_on 1s ease-out forwards;
}

/*===================== ▲ border animation ▲ == */
/*===================== ▼ rotate animation ▼ == */
@-webkit-keyframes rotate_anime_on {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotate_anime_on {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.js-rotate {
  -webkit-animation: 9s linear infinite rotate_anime_on;
          animation: 9s linear infinite rotate_anime_on;
}

/*===================== ▲ rotate animation ▲ == */
html {
  font-size: 62.5%;
  overflow-x: hidden;
}

@media screen and (min-width: 768px) and (max-width: 1280px) {
  html {
    font-size: calc(10* (100vw / 1280));
  }
}

@media screen and (max-width: 767px) {
  html {
    font-size: calc(10* (100vw / 750));
  }
}

body {
  width: 100%;
}

.main-container.__landing-page img,
.main-container.__landing-page video,
.main-container.__landing-page svg {
  width: 100%;
  height: auto;
}

.main-container.__landing-page * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.main-container.__landing-page a,
.main-container.__landing-page picture {
  display: block;
}

@media screen and (min-width: 768px) {
  .main-container.__landing-page .sp_component {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  .main-container.__landing-page .pc_component {
    display: none !important;
  }
  .main-container.__landing-page .order_1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .main-container.__landing-page .order_2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}

/*//////////////////////////////////////////////////

Title : _main.css
For   : FURFUR 2022 SPRING COLLECTION

Created       : 2022-01-21
Last Modified : 2022-01-21


==========================================

Content

    main

//////////////////////////////////////////////////*/
/* ==============================================================================================
                                            main
============================================================================================== */
.main-container.__landing-page {
  width: 100%;
  margin: 0 auto;
  -webkit-font-feature-settings: "palt" 1;
          font-feature-settings: "palt" 1;
  font-family: manofa, sans-serif;
  line-height: 1;
  letter-spacing: 0.075em;
  color: #000000;
}

@media screen and (min-width: 768px) {
  .main-container.__landing-page {
    padding: 225px 0;
    font-size: 13px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1280px) {
  .main-container.__landing-page {
    font-size: 10px;
  }
}

/* //////////////////////////////////////////////////////////////////////////////////////////////
                                          for mobile
////////////////////////////////////////////////////////////////////////////////////////////// */
@media screen and (max-width: 767px) {
  .main-container.__landing-page {
    padding: 19.33333vw 0;
    font-size: 2.66667vw;
    overflow: hidden;
  }
}

/*//////////////////////////////////////////////////

Title : _credit.css
For   : FURFUR 2022 SPRING COLLECTION

Created       : 2022-01-21
Last Modified : 2022-01-21

==========================================

Compornent

    credit

//////////////////////////////////////////////////*/
/* ==============================================================================================
										credit
============================================================================================== */
.main-container.__landing-page .js-showLink {
  position: relative;
  cursor: pointer;
}

@media screen and (min-width: 768px) {
  .main-container.__landing-page .js-showLink:hover .link__wrapper,
  .main-container.__landing-page .js-showLink:hover .link__content {
    visibility: visible;
    opacity: 1;
  }
}

.main-container.__landing-page .link__wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.7);
  -webkit-transition: 0.5s;
  transition: 0.5s;
  opacity: 0;
  visibility: hidden;
}

.main-container.__landing-page .link__bg {
  display: block;
  width: 100%;
  height: 100%;
}

.main-container.__landing-page .link__content {
  position: absolute;
  z-index: 2;
  letter-spacing: 0.075em;
}

@media screen and (min-width: 768px) {
  .main-container.__landing-page .link__content {
    bottom: 50px;
    left: 50px;
  }
}

.main-container.__landing-page .link__content span {
  display: inline-block;
}

@media screen and (min-width: 768px) {
  .main-container.__landing-page .link__content span {
    margin-top: 10px;
  }
}

@media screen and (min-width: 768px) {
  .main-container.__landing-page .link__margin {
    margin-top: 27px;
  }
  .main-container.__landing-page .link__margin:nth-of-type(2) {
    margin-top: 75px;
  }
}

/* //////////////////////////////////////////////////////////////////////////////////////////////
                                    for mobile
////////////////////////////////////////////////////////////////////////////////////////////// */
@media screen and (max-width: 767px) {
  .main-container.__landing-page .js-showLink.click .link__wrapper,
  .main-container.__landing-page .js-showLink.click .link__content {
    visibility: visible !important;
    opacity: 1 !important;
  }
  .main-container.__landing-page .link__content {
    bottom: 6.66667vw;
    left: 6.66667vw;
  }
  .main-container.__landing-page .link__content span {
    margin-top: 1.33333vw;
  }
  .main-container.__landing-page .link__margin {
    margin-top: 4.66667vw;
  }
  .main-container.__landing-page .link__margin:nth-of-type(2) {
    margin-top: 13.33333vw;
  }
}

/*//////////////////////////////////////////////////

Title : _content.css
For   : FURFUR 2022 SPRING COLLECTION

Created       : 2022-01-21
Last Modified : 2022-01-21


==========================================

Content

    content

//////////////////////////////////////////////////*/
/* ==============================================================================================
									content
============================================================================================== */
.main-container.__landing-page .content__wrapper {
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .main-container.__landing-page .content__wrapper--sec02 {
    margin-top: 210px;
  }
  .main-container.__landing-page .content__wrapper--sec03, .main-container.__landing-page .content__wrapper--sec05 {
    margin-top: 260px;
  }
  .main-container.__landing-page .content__wrapper--sec04 {
    margin-top: 265px;
  }
}

.main-container.__landing-page .content__title {
  text-align: center;
  letter-spacing: 0.1em;
  color: #B3B5BF;
}

@media screen and (min-width: 768px) {
  .main-container.__landing-page .content__title {
    margin-bottom: 25px;
    font-size: 1.15385em;
  }
}

.main-container.__landing-page .content__block {
  position: relative;
  margin: 0 auto;
  background-color: #fff;
}

@media screen and (min-width: 768px) {
  .main-container.__landing-page .content__block--sec01-02 {
    margin-top: 100px;
  }
  .main-container.__landing-page .content__block--sec01-05, .main-container.__landing-page .content__block--sec02-04, .main-container.__landing-page .content__block--sec03-04, .main-container.__landing-page .content__block--sec04-04 {
    margin-top: 250px;
  }
  .main-container.__landing-page .content__block--sec05-04 {
    margin-top: 240px;
  }
  .main-container.__landing-page .content__block--sec01-01, .main-container.__landing-page .content__block--sec01-02, .main-container.__landing-page .content__block--sec01-05, .main-container.__landing-page .content__block--sec02-04, .main-container.__landing-page .content__block--sec03-04, .main-container.__landing-page .content__block--sec04-04, .main-container.__landing-page .content__block--sec05-04 {
    max-width: 700px;
  }
  .main-container.__landing-page .content__block--sec01-03, .main-container.__landing-page .content__block--sec01-04, .main-container.__landing-page .content__block--sec02-02, .main-container.__landing-page .content__block--sec02-03, .main-container.__landing-page .content__block--sec03-02, .main-container.__landing-page .content__block--sec03-03, .main-container.__landing-page .content__block--sec04-02, .main-container.__landing-page .content__block--sec04-03, .main-container.__landing-page .content__block--sec05-02, .main-container.__landing-page .content__block--sec05-03 {
    max-width: 485px;
  }
  .main-container.__landing-page .content__block--sec02-01, .main-container.__landing-page .content__block--sec03-01, .main-container.__landing-page .content__block--sec04-01, .main-container.__landing-page .content__block--sec05-01 {
    max-width: 1055px;
  }
}

.main-container.__landing-page .content__decoration {
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .main-container.__landing-page .content__decoration--01 {
    max-width: 485px;
    margin-top: 160px;
  }
  .main-container.__landing-page .content__decoration--02, .main-container.__landing-page .content__decoration--03 {
    margin-top: 245px;
  }
  .main-container.__landing-page .content__decoration--04, .main-container.__landing-page .content__decoration--05 {
    margin-top: 250px;
  }
  .main-container.__landing-page .content__decoration--06 {
    margin-top: 260px;
  }
}

.main-container.__landing-page .flex__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (min-width: 768px) {
  .main-container.__landing-page .flex__wrapper {
    margin-top: 250px;
  }
}

@media screen and (min-width: 768px) {
  .main-container.__landing-page .flex__wrapper .content__block {
    margin: 0;
  }
  .main-container.__landing-page .flex__wrapper .content__block:nth-of-type(2) {
    margin-left: 50px;
  }
}

@media screen and (min-width: 768px) {
  .main-container.__landing-page .flex__wrapper .link__content {
    bottom: 35px;
    left: 35px;
  }
}

@media screen and (min-width: 768px) {
  .main-container.__landing-page .swiper-wrapper {
    display: block;
  }
}

/* //////////////////////////////////////////////////////////////////////////////////////////////
                                    for mobile
////////////////////////////////////////////////////////////////////////////////////////////// */
@media screen and (max-width: 767px) {
  .main-container.__landing-page .content__wrapper--sec02, .main-container.__landing-page .content__wrapper--sec03, .main-container.__landing-page .content__wrapper--sec04, .main-container.__landing-page .content__wrapper--sec05 {
    margin-top: 33.33333vw;
  }
  .main-container.__landing-page .content__title {
    margin-bottom: 4.66667vw;
    font-size: 2.26667vw;
  }
  .main-container.__landing-page .content__block--sec01-03, .main-container.__landing-page .content__block--sec01-04, .main-container.__landing-page .content__block--sec02-02, .main-container.__landing-page .content__block--sec02-03, .main-container.__landing-page .content__block--sec03-02, .main-container.__landing-page .content__block--sec03-03, .main-container.__landing-page .content__block--sec04-02, .main-container.__landing-page .content__block--sec04-03, .main-container.__landing-page .content__block--sec05-02, .main-container.__landing-page .content__block--sec05-03 {
    width: 82.66667vw;
  }
  .main-container.__landing-page .content__block--sec01-05, .main-container.__landing-page .content__block--sec02-04, .main-container.__landing-page .content__block--sec03-04, .main-container.__landing-page .content__block--sec04-04, .main-container.__landing-page .content__block--sec05-04 {
    margin-top: 26.66667vw;
  }
  .main-container.__landing-page .content__decoration--01 {
    width: 54vw;
    margin-top: 18vw;
  }
  .main-container.__landing-page .content__decoration--03, .main-container.__landing-page .content__decoration--04 {
    margin-top: -1px;
  }
  .main-container.__landing-page .flex__wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 26.66667vw;
  }
  .main-container.__landing-page .flex__wrapper .content__block:nth-of-type(2) {
    margin-top: 8vw;
  }
  .main-container.__landing-page .flex__wrapper .link__content {
    bottom: 6.66667vw;
    left: 5.33333vw;
  }
  .main-container.__landing-page .flex__direction {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .main-container.__landing-page .flex__direction .content__block:nth-of-type(1) {
    margin-top: 8vw;
  }
  .main-container.__landing-page .flex__direction .content__block:nth-of-type(2) {
    margin-top: 0vw;
  }
}

/*//////////////////////////////////////////////////

Title : _firstview.css
For   : FURFUR 2022 SPRING COLLECTION

Created       : 2022-01-21
Last Modified : 2022-01-21

==========================================

Content

    firstview

//////////////////////////////////////////////////*/
/* ==============================================================================================
                                    firstview
============================================================================================== */
@media screen and (min-width: 768px) {
  .main-container.__landing-page .firstview__wrapper {
    margin-bottom: 210px;
  }
}

.main-container.__landing-page .firstview__image {
  max-width: 1075px;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .main-container.__landing-page .firstview__image {
    max-width: 1060px;
  }
}

.main-container.__landing-page .firstview__title {
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .main-container.__landing-page .firstview__title {
    max-width: 425px;
    margin-top: 180px;
  }
}

/* //////////////////////////////////////////////////////////////////////////////////////////////
                                    for mobile
////////////////////////////////////////////////////////////////////////////////////////////// */
@media screen and (max-width: 767px) {
  .main-container.__landing-page .firstview__wrapper {
    margin-bottom: 33.33333vw;
  }
  .main-container.__landing-page .firstview__title {
    width: 54vw;
    margin-top: 24vw;
  }
}

/*//////////////////////////////////////////////////

Title : _foot.css
For   : FURFUR 2022 SPRING COLLECTION

Created       : 2022-01-21
Last Modified : 2022-01-21

==========================================

Content

    foot

//////////////////////////////////////////////////*/
/* ==============================================================================================
										foot
============================================================================================== */
@media screen and (min-width: 768px) {
  .main-container.__landing-page .content__footer {
    margin-top: 375px;
  }
}

@media screen and (min-width: 768px) {
  .main-container.__landing-page .footer__wrapper {
    margin-top: 355px;
  }
}

.main-container.__landing-page .footer__block {
  width: 100%;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .main-container.__landing-page .footer__block {
    max-width: 1280px;
  }
}

@media screen and (min-width: 768px) {
  .main-container.__landing-page .footer__image {
    margin: 375px auto 0;
    max-width: 170px;
  }
}

.main-container.__landing-page .footer__text {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .main-container.__landing-page .footer__text {
    font-size: 1.23077em;
    line-height: 2.25;
    letter-spacing: 0.01em;
  }
}

.main-container.__landing-page .footer__text .text__color {
  color: #AE5830;
}

.main-container.__landing-page .footer__button {
  text-align: center;
}

.main-container.__landing-page .footer__button a {
  display: inline-block;
}

@media screen and (min-width: 768px) {
  .main-container.__landing-page .footer__button {
    margin-top: 45px;
    font-size: 1.69231em;
  }
}

/* //////////////////////////////////////////////////////////////////////////////////////////////
                                    for mobile
////////////////////////////////////////////////////////////////////////////////////////////// */
@media screen and (max-width: 767px) {
  .main-container.__landing-page .content__footer {
    margin-top: 36vw;
  }
  .main-container.__landing-page .footer__wrapper {
    margin-top: 38.66667vw;
  }
  .main-container.__landing-page .footer__image {
    margin: 43.33333vw auto 0;
    width: 17.33333vw;
  }
  .main-container.__landing-page .footer__text {
    font-size: 2.66667vw;
    line-height: 2.25;
    letter-spacing: 0.01em;
  }
  .main-container.__landing-page .footer__button {
    margin-top: 4vw;
    font-size: 2.66667vw;
  }
}
/*# sourceMappingURL=layout.css.map */