@charset "utf-8";/*共通CSS start*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait){
.siteMain {padding-left:250px;}
}
/*共通CSS end*/

.wow {
    transition: all 0.6s cubic-bezier(0.93, 0.01, 1, 1);
    opacity: 0;
}/* スマホ横スクロール抑止（任意） */
@media only screen and (max-width: 750px) {
  .lp_clane { overflow-x: clip; }
}

/*------------------------ 共通 ------------------------*/
.lp_clane p,
.lp_clane h2,
.lp_clane h3,
.lp_clane div,
.lp_clane a {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-weight: 400;
  text-align: center;
}

@media only screen and (min-width: 751px) {
  .lp_clane .container {
    max-width: 1000px;
    margin: 0 auto;
  }
}

@media only screen and (max-width: 750px) {
  .lp_clane { font-size: 3.6vw; max-width: 100% !important; }
}

/*--- cont ----------------------------------*/
.lp_clane .cont { margin: 100px 0; }

/*--- h3 ----------------------------------*/
.lp_clane .cont h3 { font-size: 200%; line-height: 2; margin-bottom: 50px; }
@media only screen and (max-width: 750px) {
  .lp_clane .cont h3 { font-size: 3vw; margin-bottom: 5%; }
}

/*------------------------ スライダー（1枚） ------------------------*/
.lp_clane .slider-single { margin: 0 auto; }
.lp_clane .slider-single img.slider1-photo { width: 100%; display: block; /*margin-bottom: 60px; */}



@media only screen and (max-width: 750px) {
.lp_clane .slider-single img.slider1-photo { margin-bottom: 0px; }
}


.lp_clane .slick-dots { padding: 30px 0 0; height: 40px; }
.lp_clane .slick-dots li { margin: 0 10px; }
.lp_clane .slick-dots li button { padding: 0; }
.lp_clane .slick-dots li button:before {
  width: 10px; height: 10px;
  background: #ffffff; border: solid 1px #aaaaaa; content: "";
  display: inline-block; border-radius: 50%;
}

@media only screen and (max-width: 750px) {
  .lp_clane .slider-single { width: 100% !important; margin: 0; }
  .lp_clane .slick-dots li { margin: 0 5px; }
  .lp_clane .slick-dots li button:before { width: 6px; height: 6px; margin-left: 2px; }

.slick-dots { left: 0px !important;}
}

/*------------------------ スライダー（2枚） ------------------------*/
.lp_clane .slider-double { margin: 0 25px; }
.lp_clane .slider-double .slick-prev:before,
.lp_clane .slider-double .slick-next:before {
  color: #000; font-size: 36px; content: "";
  font-family: "Nanum Myeongjo", serif; font-weight: 400; font-style: normal;
}
.lp_clane .slider-double .slick-prev:before { content: "<"; }
.lp_clane .slider-double .slick-next:before { content: ">"; }
.lp_clane .slider-double .slick-slide { text-align: center; }
.lp_clane .slider-double .slick-slide img { margin: 0 auto; display: block; }

@media only screen and (max-width: 750px) {
  .lp_clane .slider-double .slick-prev:before,
  .lp_clane .slider-double .slick-next:before { font-size: 5vw; }
  .lp_clane .slider-double .slick-slide { padding: 0 8px; }
}

/*------------------------ 商品ディテールの3カラム ------------------------*/
.lp_clane .detail-item { z-index: 3; }
.lp_clane .detail-item .item {
  display: inline-block; width: calc(31% - 10px);
  margin-right: 39px; margin-bottom: 20px; font-size: 14px; vertical-align: top;
}
.lp_clane .detail-item .item:last-child { margin-right: 0 !important; }
.lp_clane .detail-item .item img { width: 100%; margin-bottom: 20px; display: block; }

@media only screen and (max-width: 750px) {
  .lp_clane .detail-item .item { width: 29%; margin-right: 4%; font-size: 2.2vw; }
  .lp_clane .detail-item .item img { margin-bottom: 14px; }
}

/*------------------------ 4枚サムネ行 ＋ 直下スライダー ------------------------*/
.lp_clane .item2 + .slider-single { margin-top: 20px; }
@media (max-width: 750px) {
  .lp_clane .item2 + .slider-single { margin-top: 2.5vw; }
}

.lp_clane .item2 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}
.lp_clane .item2 .ch { margin: 0; }
.lp_clane .item2 .ch img { display: block; width: 100%; height: auto; }

@media only screen and (max-width: 750px) {
  .lp_clane .item2 { gap: 2.5vw; }
}

/*------------------------ アコーディオン（大アイコン） ------------------------*/
.lp_clane .nav-open2 { height: 50px; position: relative; margin-top: 55px; }
.lp_clane .nav-open2 span { position: relative; }

.slick-dotted.slick-slider { margin-bottom: 55px !important; }

/* 閉：＋ */
.lp_clane .nav-open2 span::before,
.lp_clane .nav-open2 span::after {
  content: ""; display: inline-block; position: absolute;
  width: 1px; height: 20px; background-color: #999;
}
.lp_clane .nav-open2 span::after { transform: rotate(90deg); }

/* 開：－ */
.lp_clane .nav-open2.active span::before {
  content: ""; display: inline-block; position: absolute;
  width: 1px; height: 20px; background-color: #999; transform: rotate(90deg);
}

/* アコーディオン本体 */
.lp_clane nav { display: none; padding: 0 30px 40px; }

@media only screen and (max-width: 750px) {
  .lp_clane .nav-open2 { height: 8vw; margin-top: 12vw;  margin-bottom: 6vw; }
  .lp_clane .nav-open2 span { font-size: 8vw; }
  .lp_clane .nav-open2 span::before,
  .lp_clane .nav-open2 span::after { width: 1px; height: 15px; }
  .lp_clane .nav-open2.active span::before { width: 1px; height: 15px; }
}



.lp_clane #topic2 { margin: 150px 0 200px; }
  .lp_clane #lineup h3.mt-20p { margin-top: 17%; }

@media only screen and (max-width: 750px) {
  .lp_clane #topic2 { margin: 15% 0 20%; }
  .lp_clane #lineup { margin-top: 20%; }

}