@charset "UTF-8";

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

.sns-fixed {
  display: none;
}


#container {
  margin-top: 68px !important;
}
/* 縦長 */
@media screen and (max-width: 575px) and (orientation: portrait) {
  #container {
    margin-top: 0 !important;
  }
}


/* ==========================================================================
   Intro
========================================================================== */
#intro {
  padding-top: 250px;
  padding-bottom: 250px;
}

#intro .txtBox {
  margin-top: 30px;
}
#intro .txtBox p {
    font-size: 1.3rem;
}
@media only screen and (min-width: 768px) {

}


/* ==========================================================================
   Look
========================================================================== */
@media only screen and (max-width: 767px) {
  #look > .container {
    max-width: 100vw;
    padding: 0;
  }

  .look {
    padding-bottom: 50px;
  }
  #look .img1 {
    margin-bottom: 25%;
  }
  #look .row1 {
    margin-bottom: 25%;
  }

  #look1,#look2 {
    margin-bottom: 400px;
  }
}

@media only screen and (min-width: 768px) {
  #look .content {
    margin-top: 8.333333vw;
    margin-bottom: 8.333333vw;
  }

  #look .img2 {
    padding: 0 6%;
  }

  #look1,#look2 {
    margin-bottom: 400px;
  }
}

/* ==========================================================================
   Product
========================================================================== */
#product {
  padding: 100px 0 150px;
}

#product .loop_wrap {
  height: 300px;
}

#product dl dt {
  font-size: 1.6rem;
}

/* ==========================================================================
   News
========================================================================== */
#news figure {
  margin-bottom: 2em;
}
#news .card p {
    font-size: 1.3rem;
}

/* ---------------
   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 .slide.slick-clone {
    display: none;
  }
  #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;
  }
}