@charset "UTF-8";
.clearfix {
  zoom: 1;
}
.clearfix:before, .clearfix:after {
  content: " ";
  display: block;
  height: 0;
  visibility: hidden;
}
.clearfix:after {
  clear: both;
}

.mainimg__wrap .youtube {
  padding-top: 670px;
}

.thumbnail__wrap .img__wrap_slick {
  border: solid 3px #ffffff;
}
.thumbnail__wrap .img__wrap_slick .embed.youtube {
  position: relative;
  padding-top: 0;
  width: 64px;
  height: 64px;
  background-color: black;
}
.thumbnail__wrap .img__wrap_slick .embed.youtube:before {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(../images/base/ico-play.png);
  background-size: cover;
  z-index: 100;
}
.thumbnail__wrap .img__wrap_slick .embed.youtube img {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.thumbnail__wrap .img__wrap_slick.slick-current {
  border: solid 3px #e0e0e0;
}
.thumbnail__wrap .img__wrap_slick.slick-slide {
  aspect-ratio: 1/1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.thumbnail__wrap .img__wrap_slick.slick-slide img {
  max-height: 100%;
  max-width: 100%;
}

.imagezoom-view img {
  max-width: none;
}

.zoom__icon,
.slide__arrow {
  z-index: 950;
}

.productsImg .thumbnail__wrap .slick-list {
  padding: 0 !important;
}
.productsImg .mainimg .slick-dots li button {
  width: 16px;
  height: 16px;
  margin: 0 7px;
  border-radius: 50%;
  background: #ccc;
}
.productsImg .mainimg .slick-dots li.slick-active button {
  background: #666666;
}
.productsImg .mainimg .img__wrap {
  display: flex;
  aspect-ratio: 1/1;
  align-items: center;
  justify-content: center;
}
.productsImg .mainimg .img__wrap img {
  max-height: 100%;
  max-width: 100%;
}

.mfp-content .popup__wrap {
  display: block;
}

.popup__wrap {
  display: none;
}
.popup__wrap .popup__inner {
  margin: 0 auto;
}
.popup__wrap button.mfp-close {
  display: none;
}
.popup__wrap .popup__img__wrap {
  float: right;
}
.popup__wrap .popup__img__wrap .youtube {
  padding-top: 1000px;
}
.popup__wrap .popup__img {
  float: none;
  width: 1000px;
}
.popup__wrap .popup__img .img__wrap img {
  width: 100%;
}
.popup__wrap .popup__thumbnail__wrap .img__wrap {
  display: block;
  float: left;
  width: 70px;
  height: 70px;
  border: solid 3px #ffffff;
  margin-bottom: 10px;
  cursor: pointer;
}
.popup__wrap .popup__thumbnail__wrap .img__wrap .embed.youtube {
  position: relative;
  padding-top: 0;
  width: 64px;
  height: 64px;
  background-color: black;
}
.popup__wrap .popup__thumbnail__wrap .img__wrap .embed.youtube:before {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(../images/base/ico-play.png);
  background-size: cover;
  z-index: 100;
}
.popup__wrap .popup__thumbnail__wrap .img__wrap .embed.youtube img {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.popup__wrap .popup__thumbnail__wrap .img__wrap.active {
  border: solid 3px #e0e0e0;
}
.popup__wrap .popip__close {
  width: 40px;
  height: 40px;
}
.popup__wrap .popip__close:before, .popup__wrap .popip__close:after {
  margin-top: 20px;
}

@media screen and (max-width: 752px) {
  .mainimg__wrap .youtube {
    padding-top: 710px;
  }
  .productsImg .mainimg .img__wrap {
    cursor: pointer;
  }
  .mfp-container {
    padding-left: 0;
    padding-right: 0;
  }
  .popup__wrap .popup__inner .popup__title {
    padding: 0 20px;
    font-size: 36px;
    font-weight: 500;
  }
  .popup__wrap .popup__img__wrap {
    float: none;
  }
  .popup__wrap .popup__img__wrap .youtube {
    padding-top: 750px;
  }
  .popup__wrap .popup__img {
    float: none;
    width: 750px;
  }
  .popup__wrap .popup__thumbnail__wrap .img__wrap {
    display: block;
    float: left;
    width: 100px;
    height: 100px;
    border: solid 3px #ffffff;
    cursor: pointer;
  }
  .popup__wrap .popup__thumbnail__wrap .img__wrap .embed.youtube {
    width: 94px;
    height: 94px;
  }
  .popup__wrap .popup__thumbnail__wrap .img__wrap.active {
    width: 100px;
    height: 100px;
    border: solid 3px #e0e0e0;
  }
  .popup__wrap .popip__close {
    top: 20px;
    width: 90px;
    height: 90px;
  }
  .popup__wrap .popip__close:before, .popup__wrap .popip__close:after {
    margin-top: 45px;
  }
}
/* ------------------------------------------------------------
	fade
------------------------------------------------------------ */
/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;
  transition: all 0.2s ease-out;
}

/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}

/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: all 0.2s ease-out;
}

/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}

/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

/* ---------------------------------------------------------------------------------------------- */
.side #filter button[type=submit] {
  margin-bottom: 60px;
  padding: 1rem;
  width: 100%;
  text-align: center;
  border: solid 1px black;
}
.side #filter button[type=submit]:hover {
  opacity: 0.7;
}

.products__top .head__brand h2 {
  width: auto;
}
.products__top .head__brand h2 + p {
  text-align: left;
  line-height: 1.5;
}
.products__top .head__brand .head__brand__link {
  margin-bottom: 10px;
  font-size: 0;
  text-align: left;
}
.products__top .head__brand .head__brand__link p {
  display: inline-block;
  text-align: center;
}
.products__top .head__brand .head__brand__link p:only-child {
  width: 100%;
}
.products__top .head__brand .head__brand__link p:first-child:nth-last-child(2), .products__top .head__brand .head__brand__link p:first-child:nth-last-child(2) ~ p {
  width: 50%;
}
.products__top .head__brand .head__brand__link p:first-child:nth-last-child(3), .products__top .head__brand .head__brand__link p:first-child:nth-last-child(3) ~ p {
  width: 33.33%;
}
.products__top .more {
  margin-bottom: 15px;
  /*
          &:last-of-type {
              margin-bottom: 30px;
          }
  */
}
.products__top .more.outsite a:after {
  display: inline-block;
  vertical-align: middle;
  width: 13px;
  height: 13px;
  margin: -2px 0 0 9px;
  background-position: -1100px -100px;
  background-image: url(../images/base/sprite.png);
  background-repeat: no-repeat;
}

.products__list h3 {
  margin-bottom: 0.1em;
  line-height: 1.2;
  font-size: 0.9rem;
  font-weight: normal;
}
.products__list span:empty {
  display: none;
}
.products__list .state:empty {
  display: none;
}
.products__list > li {
  margin-bottom: 2rem;
  padding-bottom: 1rem;
}
.products__list > li[style=""] {
  display: none;
}
.products__list > li,
.products__list .item, .products__list.central figure {
  width: 150px;
}
.products__list.central figure {
  height: 150px;
}
.products__list .item:hover {
  width: 170px;
  padding-bottom: 1.5em;
}
.products__list .slider {
  width: 115px;
}
.products__list a:hover p b {
  color: #777;
  color: unset;
}
.products__list a p {
  color: #666;
  font-size: 10px;
}
.products__list a p b {
  font-size: 14px;
}

@media screen and (max-width: 752px) {
  .products__top.brand .head__brand {
    margin-top: 0;
  }
  .products__top.brand .head__brand .head__brand__link p {
    margin: 10px;
    width: calc(50% - 20px) !important;
  }
  .products__top.brand .head__brand .more a {
    padding: 15px 0;
    font-size: 26px;
  }
  .products__top .more {
    margin-bottom: 35px;
  }
  .products__top .more:last-of-type {
    margin-bottom: 50px;
  }
  .products__top .more.outsite a:after {
    width: 28px;
    height: 28px;
    margin: -2px 0 0 16px;
    background-position: -1100px -200px;
  }
  .products__list h3 {
    font-size: 28px;
  }
  .products__list > li {
    padding-bottom: 2rem;
  }
  .products__list > li,
  .products__list .item, .products__list.central figure {
    width: 345px;
  }
  .products__list.central figure {
    height: 345px;
  }
  .products__list .item:hover {
    width: 345px;
  }
  .products__list a p {
    font-size: 20px;
  }
  .products__list a p b {
    font-size: 26px;
  }
}
/*---------------------------------------------------------------------------
  埋め込み
---------------------------------------------------------------------------*/
.twitter-tweet {
  margin-left: auto;
  margin-right: auto;
}

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

/*---------------------------------------------------------------------------
  商品詳細 - 商品説明ブロック改修
---------------------------------------------------------------------------*/
@media screen and (max-width: 752px) {
  .sec2 {
    border-top: solid 1px #e0e0e0;
  }
  .sec2 > div {
    position: initial;
  }
  .sec2 h4 {
    margin-bottom: 20px;
  }
  .sec2 .opntxt2,
  .sec2 .backtxt2 {
    display: none;
  }
  .sec2 .itemDescription {
    margin: 1em 0;
  }
}
/*---------------------------------------------------------------------------
  商品詳細 - 商品説明ブロックに製品特徴を追加
---------------------------------------------------------------------------*/
.sec2 > div > ul.clearfix {
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  flex-wrap: wrap;
  margin-left: -14px;
}

.sec2 > div > ul.clearfix li {
  float: left;
  width: 220px;
  margin-left: 14px;
  margin-top: 30px;
}

.sec2 > div > ul.clearfix li h3 {
  font-size: 1em;
  line-height: 1.2;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.sec2 > div > ul.clearfix li p {
  font-size: 0.9em;
  line-height: 1.4;
}/*# sourceMappingURL=products.diff.css.map */