/* ===============================================
    ! Foundation !
=============================================== */
/* =====================================
    * Settings for animation *
===================================== */
.js-fadeIn {
  opacity: 0;
  -webkit-transform: translate(0, 50px);
      -ms-transform: translate(0, 50px);
          transform: translate(0, 50px);
  -webkit-transition: all 1500ms;
  transition: all 1500ms;
}

.js-fadeIn.js-scrollIn {
  opacity: 1;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}

/* first view setting for slick */
.item-slider {
  opacity: 0;
  -webkit-transition: opacity .3s linear;
  transition: opacity .3s linear;
}

.item-slider.slick-initialized {
  opacity: 1;
}

/* =====================================
    * base style *
===================================== */
.main-area, .main_inner {
  font-family: futura-pt, sans-serif;
  -webkit-font-feature-settings: 'palt';
          font-feature-settings: 'palt';
  width: 100%;
}

.main-area img, .main_inner img {
  width: 100%;
}

body {
  width: 100%;
}

a {
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

ul, li {
  list-style: none;
}

html body #Contents .main-area {
  padding-top: 0 !important;
}

#Header, #header, #footer {
  display: none;
}

/* for responsive objects */
main .sp-component {
  display: block;
}

main .pc-component {
  display: none;
}

@media only screen and (min-width: 560px) {
  main .sp-component {
    display: none;
  }
  main .pc-component {
    display: block;
  }
}

/* ===============================================
    ! Layout !
=============================================== */
/* ===============================================
    ! Object !
=============================================== */
/* ===============================================
    * Style of navigation bar *
=============================================== */
.navbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  position: fixed;
  top: 0;
  left: 8%;
  z-index: 5;
  font-family: futura-pt, sans-serif;
  font-size: calc(35 * (100vw / 750));
  margin: calc(46 * (100vw / 750)) auto 0;
  opacity: 0;
  -webkit-transition: all 200ms ease-in;
  transition: all 200ms ease-in;
  width: 85%;
}

.navbar .link {
  font-family: futura-pt-condensed, sans-serif;
  font-weight: 500;
}

.navbar .link__container--right {
  width: 100%;
}

.navbar .link__container--right > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.navbar .link > a {
  color: #fff;
  -webkit-transition: all .1s linear;
  transition: all .1s linear;
}

.navbar.terracotta .link > a {
  color: #b7433e;
}

.navbar.white .link > a {
  color: #fff;
}

.navbar.isVisible {
  opacity: 1;
}

@media only screen and (min-width: 560px) {
  .navbar {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    left: 4%;
    font-size: calc(30 * (100vw / 1920));
    margin: 50px auto 0;
    -webkit-transition: all 250ms ease-in;
    transition: all 250ms ease-in;
    width: calc(1780 * (100vw / 1920));
  }
  .navbar .link__container--right {
    width: calc(536 * (100vw / 1920));
  }
}

@media only screen and (min-width: 560px) and (max-width: 1199px) {
  .navbar {
    font-size: calc(55 * (100vw / 1920));
  }
}

/* ===============================================
    * Style of pagetop__btn *
=============================================== */
.pagetop__btn {
  position: fixed;
  right: calc(14 * (100vw / 750));
  bottom: calc(50 * (100vw / 750));
  z-index: 5;
  background: url("../imgs/arrow.svg") no-repeat center center;
  color: #fff;
  font-size: calc(110 * (100vw / 750));
  height: calc(70 * (100vw / 750));
  opacity: 0;
  outline: none;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  width: calc(70 * (100vw / 750));
}

.pagetop__btn.animateOut {
  opacity: 1;
}

.pagetop__btn.animteIn {
  opacity: 0;
}

@media only screen and (min-width: 560px) {
  .pagetop__btn {
    right: 30px;
    bottom: 36px;
    height: 26px;
    width: 26px;
  }
}

/* ===============================================
    * Style of modal *
=============================================== */
body .modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 11;
  height: 100vh;
  opacity: 0;
  overflow-y: auto;
  -webkit-transition: all .4s;
  transition: all .4s;
  visibility: hidden;
}

body .modal__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  min-height: 100%;
  overflow-y: scroll;
  width: 100%;
}

body .modal-bg {
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6);
  cursor: pointer;
  height: 100vh;
  width: 100%;
}

body .modal-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 15%;
  left: 0;
  background-color: #fff;
  height: calc(980 * (100vw / 750));
  margin: auto;
  overflow-x: visible;
  overflow-y: scroll;
  width: calc(650 * (100vw / 750));
}

body .modal-content--right {
  overflow-y: scroll;
}

body .modal-mainimg__container .img__wrapper {
  margin-bottom: calc(20 * (100vw / 750));
}

body .modal.isActive {
  opacity: 1;
  visibility: visible;
  z-index: 998;
}

body .modal-item__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: calc(60 * (100vw / 750)) auto;
  width: calc(600 * (100vw / 750));
}

body .modal-item__container .item {
  text-align: center;
  width: calc(250 * (100vw / 750));
}

body .modal-item__container .item:nth-child(3) {
  margin-top: calc(115 * (100vw / 750));
}

body .modal-item__container .item:nth-child(4) {
  margin-top: calc(194 * (100vw / 750));
}

body .modal-item__container .item a > div {
  position: relative;
}

body .modal-item__container .item a > div .soldout {
  position: absolute;
  top: auto;
  right: 0;
  bottom: calc(-48 * (100vw / 750));
  left: 0;
  background: #000;
  color: #fff;
  height: calc(30 * (100vw / 750));
  line-height: calc(30 * (100vw / 750));
  margin: auto;
  text-align: center;
  width: 60%;
}

body .modal-item__container .credit {
  line-height: 1.5;
  margin-top: calc(56 * (100vw / 750));
  margin-bottom: calc(4 * (100vw / 750));
}

.viewmore__btn {
  border: solid 1px #000;
  display: block;
  font-size: calc(19 * (100vw / 750));
  line-height: calc(42 * (100vw / 750));
  margin: calc(20 * (100vw / 750)) auto 0;
  text-align: center;
  width: calc(158 * (100vw / 750));
}

.close__btn {
  position: absolute;
  top: auto;
  right: auto;
  bottom: 15%;
  left: auto;
  height: 32px;
  margin: calc(30 * (100vw / 750)) auto;
  opacity: 1;
  width: 32px;
}

.close__btn::before, .close__btn::after {
  content: '';
  position: absolute;
  top: auto;
  right: auto;
  bottom: auto;
  left: 50%;
  background-color: #fff;
  height: 33px;
  width: 2px;
}

.close__btn::before {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.close__btn::after {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

/* for tiny height device */
@media screen and (max-height: 600px) {
  body .modal-content {
    top: -15%;
    bottom: 0;
  }
  body .modal .close__btn {
    bottom: calc(125 * (100vw / 750));
  }
  body .modal .close__btn::before, body .modal .close__btn::after {
    height: 28px;
  }
}

@media only screen and (min-width: 560px) {
  body .modal {
    height: 100vh;
    overflow-y: hidden;
  }
  body .modal__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0;
  }
  body .modal-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    bottom: 0;
    height: calc(1000 * (100vw / 1920));
    overflow: hidden;
    width: calc(1550 * (100vw / 1920));
  }
  body .modal-content--left {
    width: calc(800 * (100vw / 1920));
  }
  body .modal-content--left .img__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
    width: 100%;
  }
  body .modal-content--right {
    overflow: hidden;
    width: calc(700 * (100vw / 1920));
    /* for slick */
  }
  body .modal-content--right .modal-mainimg__container.pc-component {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin: calc(70 * (100vw / 1920)) auto auto calc(65 * (100vw / 1920));
  }
  body .modal-content--right .modal-mainimg__container.pc-component .img__wrapper {
    background: #000;
    margin: auto calc(10 * (100vw / 1920)) auto 0;
    opacity: 0.5;
    -webkit-transition: all .4s;
    transition: all .4s;
    width: calc(130 * (100vw / 1920));
  }
  body .modal-content--right .modal-mainimg__container.pc-component .img__wrapper.isActive {
    opacity: 1;
  }
  body .modal-content--right .modal-item__container {
    display: block;
    margin: calc(200 * (100vw / 1920)) auto auto calc(30 * (100vw / 1920));
    width: calc(700 * (100vw / 1920));
  }
  body .modal-content--right .modal-item__container .item {
    margin-right: calc(20 * (100vw / 1920));
    width: calc(180 * (100vw / 1920));
  }
  body .modal-content--right .modal-item__container .item:nth-child(3), body .modal-content--right .modal-item__container .item:nth-child(4) {
    margin-top: 0;
  }
  body .modal-content--right .modal-item__container .item a > div .soldout {
    bottom: calc(-50 * (100vw / 1920));
    height: calc(24 * (100vw / 1920));
    line-height: calc(24 * (100vw / 1920));
  }
  body .modal-content--right .modal-item__container .credit {
    margin-top: calc(60 * (100vw / 1920));
  }
  body .modal-content--right .slick-arrow {
    position: absolute;
    top: 50%;
    background: transparent;
    border: none;
    color: transparent;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: calc(51 * (100vw / 1920));
    line-height: 0;
    outline: none;
    padding: 0;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
    width: calc(30 * (100vw / 1920));
    z-index: 1;
  }
  body .modal-content--right .slick-arrow.slick-prev {
    position: absolute;
    top: 50%;
    left: 4%;
  }
  body .modal-content--right .slick-arrow.slick-prev::before, body .modal-content--right .slick-arrow.slick-prev::after {
    content: "";
    position: absolute;
    background: #000;
    display: block;
    height: calc(2 * (100vw / 1920));
    width: calc(18 * (100vw / 1920));
  }
  body .modal-content--right .slick-arrow.slick-prev::before {
    top: 0;
    right: 0;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  body .modal-content--right .slick-arrow.slick-prev::after {
    top: calc(12 * (100vw / 1920));
    right: calc(0 * (100vw / 1920));
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  body .modal-content--right .slick-arrow.slick-next {
    position: absolute;
    top: 50%;
    right: 4%;
  }
  body .modal-content--right .slick-arrow.slick-next::before, body .modal-content--right .slick-arrow.slick-next::after {
    content: "";
    position: absolute;
    background: #000;
    display: block;
    height: calc(2 * (100vw / 1920));
    width: calc(18 * (100vw / 1920));
  }
  body .modal-content--right .slick-arrow.slick-next::before {
    top: 0;
    right: 0;
    -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
            transform: rotate(-135deg);
  }
  body .modal-content--right .slick-arrow.slick-next::after {
    top: calc(12 * (100vw / 1920));
    right: 0;
    -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
            transform: rotate(135deg);
  }
  body .modal-content--right .slick-disabled {
    cursor: default;
    opacity: 0;
  }
  body .modal-content--right .slick-track {
    margin-right: 0;
    margin-left: 0;
  }
  .viewmore__btn {
    font-size: calc(19 * (100vw / 1920));
    line-height: calc(30 * (100vw / 1920));
    margin: calc(20 * (100vw / 1920)) auto 0;
    width: calc(107 * (100vw / 1920));
  }
  .close__btn {
    position: absolute;
    top: 2%;
    right: 2%;
    bottom: auto;
    left: auto;
    opacity: 1;
    margin: auto;
  }
  .close__btn::before, .close__btn::after {
    background-color: #000;
  }
}

@media only screen and (min-width: 560px) and (max-width: 1199px) {
  .close__btn {
    top: 0;
    right: 0;
    margin: calc(20 * (100vw / 1400)) calc(20 * (100vw / 1400)) auto auto;
    width: 46px;
  }
  .close__btn::before, .close__btn::after {
    height: 25px;
  }
}

/* =====================================
    * Style for SP *
===================================== */
/* ===============================================
    * Common style *
=============================================== */
.tile-layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  height: calc(920 * (100vw / 750));
  margin: calc(200 * (100vw / 750)) auto;
  width: calc(730 * (100vw / 750));
}

.tile-layout .tile {
  width: calc(360 * (100vw / 750));
}

.tile-layout::after {
  content: "";
  position: absolute;
  top: auto;
  right: calc(10 * (100vw / 750));
  bottom: calc(-55 * (100vw / 750));
  left: auto;
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  height: calc(50 * (100vw / 750));
}

.img__wrapper {
  position: relative;
  display: block;
}

.img__wrapper::after {
  content: "";
  position: absolute;
  top: auto;
  right: calc(10 * (100vw / 750));
  bottom: calc(-55 * (100vw / 750));
  left: auto;
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  height: calc(50 * (100vw / 750));
}

.mov__wrapper {
  display: block;
  margin-top: calc(200 * (100vw / 750));
}

.mov-width {
  width: 100%;
}

/* ===============================================
    * Style of sec_yoga *
=============================================== */
.sec_yoga {
  margin-bottom: calc(500 * (100vw / 750));
}

.sec_yoga .mv__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow-x: hidden;
  width: 100vw;
  height: 100vh;
}

.sec_yoga .mov-width {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
    object-fit: cover;
}

.aut1-2__container .tile-layout::after {
  background-image: url("../imgs/01_yoga/sec1_aut1_2.jpg");
  width: calc(210 * (100vw / 750));
}

.aut3-4.tile-layout::after {
  background-image: url("../imgs/01_yoga/sec1_aut3_4.jpg");
  width: calc(216 * (100vw / 750));
}

.aut5.tile-layout {
  height: auto;
}

.aut5.tile-layout::after {
  bottom: calc(-65 * (100vw / 750));
  background-image: url("../imgs/01_yoga/sec1_aut5.jpg");
  width: calc(172 * (100vw / 750));
}

.aut6 .img__wrapper--primary {
  margin: auto;
  position: relative;
  width: calc(400 * (100vw / 750));
}

.aut6 .img__wrapper--primary::after {
  content: "";
  position: absolute;
  top: auto;
  right: 0;
  bottom: calc(-65 * (100vw / 750));
  left: auto;
  background-image: url("../imgs/01_yoga/sec1_aut6.jpg");
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  height: calc(50 * (100vw / 750));
  width: calc(171 * (100vw / 750));
}

.aut6 .img__wrapper--secondary {
  margin-top: calc(200 * (100vw / 750));
}

/* ===============================================
    * Style of sec_fashion *
=============================================== */
.sec_fashion .mv__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow-x: hidden;
  width: 100vw;
  height: 100vh;
}

.sec_fashion .mv__wrapper > img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
    object-fit: cover;
    object-position: left;
}

.sec_fashion .mv__wrapper .mov-width {
  height: 100%;
  width: auto;
}

.aut7-8.tile-layout::after {
  background-image: url("../imgs/02_fashion/sec2_aut7_8.jpg");
  width: calc(230 * (100vw / 750));
}

.aut9.tile-layout {
  height: auto;
  width: 100%;
}

.aut9.tile-layout .tile {
  height: 100%;
  width: calc(250 * (100vw / 750));
}

.aut9.tile-layout .tile > a {
  display: block;
  height: 100%;
}

.aut9.tile-layout .tile img, .aut9.tile-layout .tile video {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.aut9.tile-layout::after {
  right: calc(16 * (100vw / 750));
  bottom: calc(-66 * (100vw / 750));
  background-image: url("../imgs/02_fashion/sec2_aut9.jpg");
  width: calc(192 * (100vw / 750));
}

.aut10-11.tile-layout::after {
  background-image: url("../imgs/02_fashion/sec2_aut10_11.jpg");
  width: calc(267 * (100vw / 750));
}

.aut12::after {
  right: calc(20 * (100vw / 750));
  bottom: calc(-65 * (100vw / 750));
  background-image: url("../imgs/02_fashion/sec2_aut12.jpg");
  width: calc(206 * (100vw / 750));
}

.aut13-14.tile-layout::after {
  right: auto;
  left: calc(10 * (100vw / 750));
  background-image: url("../imgs/02_fashion/sec2_aut13_14.jpg");
  width: calc(266 * (100vw / 750));
}

.aut15 {
  position: relative;
  margin: auto;
  width: calc(401 * (100vw / 750));
}

.aut15::after {
  content: "";
  position: absolute;
  top: auto;
  right: 0;
  bottom: calc(-65 * (100vw / 750));
  left: auto;
  background-image: url("../imgs/02_fashion/sec2_aut15.jpg");
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  height: calc(50 * (100vw / 750));
  width: calc(206 * (100vw / 750));
}

/* ===============================================
    * Style of SNEAKERS *
=============================================== */
.aut16-17.tile-layout::after {
  background-image: url("../imgs/03_sneakers/sec3_aut16_17.jpg");
  width: calc(267 * (100vw / 750));
}

.aut18::after {
  right: calc(16 * (100vw / 750));
  bottom: calc(-65 * (100vw / 750));
  background-image: url("../imgs/03_sneakers/sec3_aut18.jpg");
  width: calc(206 * (100vw / 750));
}

.aut19.tile-layout {
  height: auto;
}

.aut19.tile-layout::after {
  bottom: calc(-65 * (100vw / 750));
  background-image: url("../imgs/03_sneakers/sec3_aut19.jpg");
  width: calc(177 * (100vw / 750));
}

.aut20::after {
  right: calc(20 * (100vw / 750));
  bottom: calc(-65 * (100vw / 750));
  background-image: url("../imgs/03_sneakers/sec3_aut20.jpg");
  width: calc(184 * (100vw / 750));
}

.aut21-22.tile-layout::after {
  background-image: url("../imgs/03_sneakers/sec3_aut21_22.jpg");
  width: calc(240 * (100vw / 750));
}

.img__wrapper--bottom {
  margin-top: calc(400 * (100vw / 750));
}

/* ===============================================
    * Other components *
=============================================== */
.checkall__btn {
  border: solid 1px #b7433e;
  color: #b7433e;
  display: block;
  font-family: futura-pt, sans-serif;
  font-size: calc(42 * (100vw / 750));
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: calc(86 * (100vw / 750));
  margin: calc(200 * (100vw / 750)) auto calc(83 * (100vw / 750));
  text-align: center;
  width: calc(640 * (100vw / 750));
}

.insta {
  margin: calc(80 * (100vw / 750)) auto 0;
  text-align: center;
}

.insta li {
  margin-bottom: calc(48 * (100vw / 750));
}

.insta img {
  height: auto;
  padding-bottom: calc(30 * (100vw / 750));
}

.insta .insta1 {
  width: calc(90 * (100vw / 750));
}

.insta .insta2 {
  width: calc(224 * (100vw / 750));
}

.insta .insta3 {
  width: calc(220 * (100vw / 750));
}

.insta .account-name {
  color: #b7433e;
  font-family: futura-pt, sans-serif;
  font-size: calc(27 * (100vw / 750));
  font-weight: 600;
  letter-spacing: calc(2 * (100vw / 750));
  line-height: 1.3;
}

.staffcredit {
  color: #b7433e;
  font-family: futura-pt, sans-serif;
  font-weight: 200;
  font-size: calc(20 * (100vw / 750));
  letter-spacing: normal;
  line-height: 1.2;
  margin: calc(190 * (100vw / 750)) auto 0;
  padding-bottom: calc(200 * (100vw / 750));
  text-align: center;
}

.staffcredit .title {
  display: block;
  font-weight: bold;
  line-height: 1;
  margin: calc(16 * (100vw / 750)) auto calc(-50 * (100vw / 1920));
}

/* =====================================
    *  Style for PC *
===================================== */
@media only screen and (min-width: 560px) {
  .main-area {
    margin: auto;
    min-width: 1200px;
  }
  /* ===============================================
    * Common style *
=============================================== */
  .tile-layout {
    height: calc(1450 * (100vw / 1920));
    margin: calc(250 * (100vw / 1920)) auto;
    width: calc(1150 * (100vw / 1920));
  }
  .tile-layout .tile {
    height: calc(702 * (100vw / 1920));
    width: calc(562 * (100vw / 1920));
  }
  .tile-layout::after {
    right: calc(10 * (100vw / 1920));
    bottom: calc(-35 * (100vw / 1920));
    height: calc(40 * (100vw / 1920));
  }
  _:-ms-lang(x)::-ms-backdrop, .tile-layout .tile:nth-child(4) {
    margin-left: calc(24 * (100vw / 1920));
  }
  .img__wrapper {
    margin: auto;
    position: relative;
    width: calc(900 * (100vw / 1920));
  }
  .img__wrapper::after {
    right: calc(10 * (100vw / 1920));
    bottom: calc(-54 * (100vw / 1920));
    height: calc(40 * (100vw / 1920));
  }
  .mov__wrapper {
    margin-top: calc(250 * (100vw / 1920));
  }
  .mov-width {
    width: 100%;
  }
  /* ===============================================
    * Style of sec_yoga *
=============================================== */
  .sec_yoga {
    margin-bottom: calc(800 * (100vw / 1920));
  }
  .sec_yoga .mv__wrapper {
    height: 100vh;
    width: 100vw;
  }
  .sec_yoga .mov-width {
    -o-object-fit: cover;
       object-fit: cover;
    /*width: auto;*/
  }
  .aut1-2__container .tile-layout {
    height: auto;
  }
  .aut1-2__container .tile-layout::after {
    bottom: calc(-58 * (100vw / 1920));
    background-image: url("../imgs/01_yoga/sec1_aut2.jpg");
    width: calc(133 * (100vw / 1920));
  }
  .aut1-2__container .aut1 {
    margin: calc(300 * (100vw / 1920)) auto 0;
    position: relative;
    width: calc(900 * (100vw / 1920));
  }
  .aut1-2__container .aut1::after {
    content: "";
    position: absolute;
    top: auto;
    right: calc(10 * (100vw / 1920));
    bottom: calc(-58 * (100vw / 1920));
    left: auto;
    background-image: url("../imgs/01_yoga/sec1_aut1.jpg");
    background-repeat: no-repeat;
    background-size: 100%;
    display: inline-block;
    height: calc(40 * (100vw / 1920));
    width: calc(125 * (100vw / 1920));
  }
  .aut3-4.tile-layout::after {
    width: calc(168 * (100vw / 1920));
  }
  .aut5.tile-layout::after {
    bottom: calc(-54 * (100vw / 1920));
    width: calc(133 * (100vw / 1920));
  }
  .aut6 .img__wrapper--primary {
    width: calc(900 * (100vw / 1920));
  }
  .aut6 .img__wrapper--primary::after {
    right: calc(10 * (100vw / 1920));
    bottom: calc(-54 * (100vw / 1920));
    height: calc(40 * (100vw / 1920));
    width: calc(134 * (100vw / 1920));
  }
  .aut6 .img__wrapper--secondary {
    margin-top: calc(250 * (100vw / 1920));
    width: 100%;
  }
  .aut6 .img__wrapper--secondary > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 100vh;
    width: 100vw;
  }
  .aut6 .img__wrapper--secondary > a img {
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: top;
       object-position: top;
  }
  /* ===============================================
    * Style of sec_fashion *
=============================================== */
  .sec_fashion .mv__wrapper {
    height: 100vh;
    width: 100vw;
  }
  .sec_fashion .mv__wrapper > img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
  }
  .sec_fashion .mov__wrapper {
    margin: calc(300 * (100vw / 1920)) auto 0;
    width: calc(900 * (100vw / 1920));
  }
  .aut7-8.tile-layout::after {
    width: calc(177 * (100vw / 1920));
  }
  .aut9.tile-layout {
    height: calc(532 * (100vw / 1920));
    width: calc(900 * (100vw / 1920));
  }
  .aut9.tile-layout .tile {
    height: 100%;
    width: calc(300 * (100vw / 1920));
  }
  .aut9.tile-layout::after {
    right: calc(4 * (100vw / 1920));
    bottom: calc(-54 * (100vw / 1920));
    width: calc(152 * (100vw / 1920));
  }
  .aut10-11.tile-layout::after {
    width: calc(203 * (100vw / 1920));
  }
  .aut12::after {
    width: calc(161 * (100vw / 1920));
  }
  .aut13-14.tile-layout {
    margin-bottom: 0;
  }
  .aut13-14.tile-layout::after {
    right: calc(10 * (100vw / 1920));
    left: auto;
    width: calc(208 * (100vw / 1920));
  }
  .aut15 {
    width: calc(480 * (100vw / 1920));
  }
  .aut15.mov__wrapper {
    margin-top: calc(220 * (100vw / 1920));
    width: calc(900 * (100vw / 1920));
  }
  .aut15::after {
    right: auto;
    bottom: calc(-54 * (100vw / 1920));
    left: 0;
    height: calc(40 * (100vw / 1920));
    width: calc(161 * (100vw / 1920));
  }
  /* ===============================================
    * Style of SNEAKERS *
=============================================== */
  .sec_sneakers .mov__wrapper {
    margin: calc(250 * (100vw / 1920)) auto 0;
    width: calc(1150 * (100vw / 1920));
  }
  .aut16-17.tile-layout::after {
    width: calc(217 * (100vw / 1920));
  }
  .aut18::after {
    width: calc(161 * (100vw / 1920));
  }
  .aut19.tile-layout::after {
    bottom: calc(-54 * (100vw / 1920));
    width: calc(140 * (100vw / 1920));
  }
  .aut20::after {
    width: calc(144 * (100vw / 1920));
  }
  .aut21-22.tile-layout::after {
    width: calc(192 * (100vw / 1920));
  }
  .img__wrapper--bottom {
    display: block;
    margin: calc(400 * (100vw / 1920)) auto 0;
    width: calc(900 * (100vw / 1920));
  }
  /* ===============================================
    * Other components *
=============================================== */
  .checkall__btn {
    font-size: calc(28 * (100vw / 1920));
    line-height: calc(70 * (100vw / 1920));
    margin: calc(250 * (100vw / 1920)) auto 0;
    width: calc(494 * (100vw / 1920));
  }
  .insta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: relative;
    margin: calc(60 * (100vw / 1920)) auto 0;
    text-align: center;
    width: calc(587 * (100vw / 1920));
  }
  .insta li {
    margin-bottom: 0;
  }
  .insta li:nth-child(1) {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .insta li:nth-child(2) {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .insta li:nth-child(3) {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .insta .insta1 {
    width: calc(59 * (100vw / 1920));
  }
  .insta .insta2 {
    width: calc(147 * (100vw / 1920));
  }
  .insta .insta3 {
    width: calc(145 * (100vw / 1920));
  }
  .staffcredit {
    font-size: calc(17 * (100vw / 1920));
    line-height: 1;
    margin: calc(60 * (100vw / 1920)) auto 0;
    padding-bottom: calc(255 * (100vw / 1920));
  }
  .staffcredit .title {
    line-height: 1;
    margin: calc(18 * (100vw / 1920)) auto calc(-14 * (100vw / 1920));
  }
}