@charset "UTF-8";

/* ==========================================================================
   MV
========================================================================== */
#mv .hero_inner {
  padding-bottom: 80px;
}
#mv .cover {
  background-position: center 5%;
}
#mv h1 {
  font-size: 1.6rem;
}
#mv h2 {
  font-size: 9.5rem;
}
#mv .sub_ttl {
  font-size: 1.4rem;
}

/* ==========================================================================
   Intro
========================================================================== */
#intro {
  justify-content: flex-end;
}

/* ==========================================================================
   Novelty
========================================================================== */
@media only screen and (min-width: 1440px) {
  #novelty {
    max-width: 1140px;
  }
}
#novelty em {
  margin-top: 5em;
}
#novelty .txtBox p {
  font-size: 1.4rem;
}

@media only screen and (min-width: 1200px) {
  #novelty .ttlBox,
  #novelty .txtBox {
    padding-right: 60px;
    padding-left: 60px;
  }
}

/* ==========================================================================
   Look
========================================================================== */
.look > .row {
  margin-top: 8.333333vw;
  margin-bottom: 8.333333vw;
}

.look .row2 {
  margin-top: -12.5vw;
  z-index: -1;
}

#cont1 .look .img1,
#cont3 .look .img1 {
  margin-top: 8.333333vw;
}

#cont2 .look .img2,
#cont4 .look .img2 {
  margin-top: 8.333333vw;
}
#cont2 .row3,
#cont4 .row3 {
  margin-top: -12.5vw;
}


/* ==========================================================================
   Content
========================================================================== */
.cont_head .ttl {
  font-size: 3rem;
}
.cont_head .ttl .Bebas {
  font-size: 5rem;
}

/* ---------------
   EC
--------------- */
.ec .content__header .ttl {
  font-size: 3rem;
}
.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;
    line-height: 1.6;
}

/* ==========================================================================
   Store List
========================================================================== */
#store-list .content__header .ttl {
  font-size: 3rem;
}
#store-list .storeList li.store{
  display: -ms-flexbox;
  display: flex;
  font-size: 1.3rem;
  line-height: 2rem;
}

#store-list .storeList li.store > div:nth-of-type(1){
  -ms-flex: 0 0 30%;
  flex: 0 0 30%;
  max-width: 30%;
    box-sizing: border-box;
    padding-right: 20px;
}
#store-list .storeList li.store > div:nth-of-type(2){
  -ms-flex: 0 0 55%;
  flex: 0 0 55%;
  max-width: 55%;
}
#store-list .storeList li.store > div:nth-of-type(3){
  -ms-flex: 0 0 15%;
  flex: 0 0 15%;
  max-width: 15%;
}

@media only screen and (max-width: 1199px) {
  #store-list .storeList li.store{
    letter-spacing: 0;
  }
}