@charset "UTF-8";

.section {
    margin-top: 100px;
    margin-bottom: 100px;
}
.section-padding {
    padding-bottom: 100px;
}

.content__header .ttl {
    font-size: 3rem;
}
#mv .mvpc {
    display: none;
}
/* ---------------
   Typography
--------------- */
.huge {
  font-size: 8rem;
  letter-spacing: .2em; }

h1, .h1 {
  font-size: 4rem; }

h2, .h2 {
  font-size: 4rem; }

h3, .h3 {
  font-size: 2.2rem; }

h4, .h4 {
  font-size: 2.2rem; }

h5, .h5 {
  font-size: 1.2rem; }

h6, .h6 {
  font-size: 1rem; }

mt70 {
    margin-top: 70px;
}

/* ==========================================================================
   Intro
========================================================================== */
#intro .imgBox {
  background-image: url(../img/intro_sp.jpg);
}
#intro .txtBox {
  margin-top: 150px;
}
#intro .sub_ttl {
  margin-top: 100px;
  margin-bottom: 80px;
}
#intro .txtBox p {
  text-align: left;
}

/* ==========================================================================
   Product
========================================================================== */
#product .productList .cont {
  margin-bottom: 150px;
}

#product .row .imgBox {
    padding-right: 40px;
}
#product .row .txtBox .inner {
    padding: 0 40px 0 30px;
}
#product .row .txtBox h2 {
    margin-top: -1.25em;
    margin-bottom: 1.25em;
}

@media only screen and (max-width: 767px) {
  #product .row.half > div:not(:last-of-type) {
    margin-bottom: 100px;
  }
}
@media only screen and (min-width: 768px) {
  #product .row .imgBox {
    padding: 0;
  }
  #product .row .txtBox .inner {
    padding: 0 40px;
  }
  #product .row > .txtBox h2 {
    margin-top: 0;
    margin-bottom: .75em;
    left: -80px;
  }
}

#product .feature {
  margin-top: 60px;
}
#product .feature > .ttl {
  margin-bottom: -20px;
}
#product .feature .panel .txtBox {
  padding: 30px;
    color: #FFF;
}
#product .feature .panel .num {
  top: 20px;
  left: 20px;
}

@media only screen and (min-width: 768px) {
  #product .feature .slider {
    display: flex;
  }
  #product .feature .slider .slide {
    display: block;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  #product .feature .panel p {
    font-size: 1.2rem;
  }
  #product .feature .slider-controls-wrap {
    display: none;
  }
}
/* ---------------
   EC
--------------- */
#ec .slide figure {
  margin-bottom: 15px;
}
#ec .slide .size {
  font-size: .9rem;
}
#ec .slide .price {
  font-size: 1rem;
}

@media only screen and (max-width: 767px) {
  #ec::before {
    top: 300px;
  }
    #ec .slider {
      display: flex;
      flex-wrap: wrap;
      padding: 10px;
  }
  #ec .slide {
      display: block;
      float: none;
      flex: 0 0 50%;
      padding: 0 10px 25px;
  }
  #ec .slide:nth-last-of-type(-n+2) {
      padding-bottom: 0;
  }
  #ec .slider-controls-wrap {
    display: none;
  }
  #ec .more {
    margin-top: 50px;
  }
}

@media only screen and (min-width: 768px) {
  #ec::before {
    top: 300px;
  }
  #ec .ec-slider {
    overflow: hidden;
    margin-right: auto;
    margin-left: calc((100vw - 660px)/2);
  }
  #ec .slider {
    width: 660px;
  }
  #ec .slick-list{
    overflow: visible;
  }
  #ec .slide {
    padding-right: 30px;
  }
}