@charset "UTF-8";

/* ==========================================================================
   MV
========================================================================== */
#mv .txtBox {
  text-align: center;
}
#mv .lang-nav{
    right: 30px;
    z-index: 1000;
    top: 95px;
    height: 1em;
}

/* ==========================================================================
   APP
========================================================================== */
#app .banner > a {
  padding: 30px 60px 0;
}
#app .banner .bgBox {
  background-position: 50% 90%;
}
#app .banner .imgBox {
  margin: 0 30px;
}

/* ==========================================================================
   PRODUCTS
========================================================================== */
#products .inner {
  max-width: 1000px;
}

/* ---------------
   Slick Slider
--------------- */
#products .slider-wrap {
  margin-right: -30px;
  margin-left: -30px;
} 
#products .slide {
  margin: 0 30px;
  padding: 120px 0;
} 
#products .slide a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
} 
#products .slide .imgBox {
  width: 60%;
  margin: -120px 0;
}
#products .slide .txtBox {
  -ms-flex-pack: center;
  justify-content: center;
  width: 40%;
} 
#products .slide .txtBox a {
  padding: 50px 70px 50px 0;
} 
#products .slide .txtBox .ttl {
  font-size: 3rem;
}
#products .slider-controls-wrap {
  margin-top: -90px;
}
@media only screen and (min-width: 1200px) {
  #products .inner {
    margin-top: 0;
  }
  #products .slide {
    padding: 150px 0;
  }
  #products .slide .imgBox {
    margin: -150px 0;
  }
  #products .slider-controls-wrap {
    margin-top: -120px;
  }
}
/* ==========================================================================
   LOOK
========================================================================== */
#look .lookList {
  padding-top: 150px;
}
#look .lookList li:nth-of-type(odd) {
  padding-right: 51px;
  transform: translateY(-150px);
}
#look .lookList li:nth-of-type(even) {
  padding-left: 51px;
}
#look .lookList li a .ttl {
  font-size: 4.4rem;
}


/* ==========================================================================
   EC
========================================================================== */
/* ---------------
   RANKING
--------------- */
#ec::before {
  top: 400px;
}
#ec .ec-slider {
  width: calc(100% + ((100vw - 100%)/2));
}
#ec .slider {
  width: calc(100% - (100vw - 100%));
}
#ec .slide figure {
  margin-bottom: 20px;
}
#ec .slide .num {
  font-size: 1.6rem;
}
#ec .slide .size {
  font-size: 1.1rem;
}
#ec .slide .price {
  font-size: 1.2rem;
}


/* ==========================================================================
   BANNAR
========================================================================== */
.bannaerList li a {
  -ms-flex-pack: center;
  justify-content: center;
  height: 350px;
}


/* ==========================================================================
   STAFF STYLING
========================================================================== */
#styling .slick-slide {
    padding-right: 30px;
}

@media only screen and (min-width: 1440px) {
  #styling .slick-slide {
      padding-right: 36px;
  }
}


/* ==========================================================================
   NEWS
========================================================================== */

.shipinfo {
    width: auto;
    max-width: 900px;
    margin: 100px auto 0;
    padding: 30px;
    border: solid 5px #000;
    text-align: left;
}
.shipinfo p {
    line-height: 1.6;
    font-size: 13px;
}
.shipinfo .bold {
    font-weight: bold;
    margin-bottom: 10px;
}
.shipinfo p span {
    font-weight: bold;
}