@charset "UTF-8";

/*===========================
ui2007
===========================*/

.ui2007 .seriesBanner-protrude .seriesBanner_img{
  margin-top: 0;
}
.seriesBanner-protrude .seriesBanner_note{
  margin-top: 10px;
  
}
.ui2007 .seriesRecommend_product {
  height: auto;
}

/* 共通
------------------------------------- */
.ui2007 .seriesFeature .contensArea {
  width: 1160px;
  margin: 0 auto;
}

.ui2007 .seriesFeature .contensArea .readTxt {
  margin-top: 30px;
  font-size: 1.6rem;
}

.ui2007 .colImgTxt {
  display: flex;
  justify-content: space-between;
}

.ui2007 .colImgTxt .txtBox,
.ui2007 .colImgTxt .imgBox {
  width: 48%;
}

.ui2007 .colTwoTxt {
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
}

.ui2007 .colTwoTxt li {
  width: 48%;
  text-align: center;
}

.ui2007 .colTwoTxt li dt {
  margin-bottom: 5px;
  font-size: 160%;
  color: #666;
}

.ui2007 .colTwoTxt li dd {
  font-size: 3rem;
}

.ui2007 .colTwoTxt li dd .bigTxt {
  font-size: 5rem;
}

.ui2007 .colTwoTxt li dd .smlTxt {
  font-size: 1.4rem;
}

.ui2007 .cauTxt {
  display: flex;
  justify-content: center;
  margin-top: 25px;
  font-size: 1.2rem;
}

.ui2007 h3 .smlTxt{
  font-size: 1.3rem;
}

/* 充電スタンド
------------------------------------- */
.ui2007 .seriesFeature {
  width: 100%;
}
.ui2007 .seriesFeature .subSection:nth-of-type(1) .contensArea{
  padding: 60px 0;
}
.ui2007 .seriesFeature .subSection:nth-of-type(1) .colImgTxt{
  display: block;
  text-align: center;
}
.ui2007 .seriesFeature .subSection:nth-of-type(1) .colImgTxt .txtBox,
.ui2007 .seriesFeature .subSection:nth-of-type(1) .colImgTxt .imgBox{
  width: 100%;
}
.ui2007 .seriesFeature .subSection:nth-of-type(1) .imgBox {
  height: auto;
  width: 100%;
  margin-top: 30px;
}


/* 薄型・軽量
------------------------------------- */
.ui2007 .seriesFeature .subSection:nth-of-type(2n){
  background: #f2f2f2;
}
.ui2007 .seriesFeature .subSection:nth-of-type(2) .colImgTxt{
  align-items: center;
  flex-direction: row-reverse;
}
.ui2007 .seriesFeature .imgBox{
  z-index: 10;
}
.ui2007 .seriesFeature .txtBox{
  z-index: 20;
}
.ui2007 .seriesFeature .subSection:nth-of-type(2) .imgBox img {
  margin-left: -80px;
  max-width: none; 
}


/* 生活空間
------------------------------------- */
.ui2007 .seriesFeature .subSection:nth-of-type(3) .contensArea{
  padding: 60px 0 0;
}
.ui2007 .seriesFeature .subSection:nth-of-type(3) .colImgTxt{
  align-items: center;
}
.ui2007 .seriesFeature .subSection:nth-of-type(3) .imgBox img {
    width: 100%;
}
.ui2007 .seriesFeature .subSection:nth-of-type(3) .readTxt li + li{
  margin-top: 30px;
}
.ui2007 .seriesFeature .subSection:nth-of-type(3) .readTxt li h4{
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 1.8rem;
}


/* モーダル
------------------------------------- */
.mdlOverLay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 100;
}
.mdlWrap {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 101;
}
.mdlWin {
  position: relative;
  width: 844px;
  height: 475px;
  border: 3px solid #000;
}

/* youtubeエリア
------------------------------------- */
.link_youTube{
  margin: 0 auto;
  text-align: center;
}
.link_youTube + div{
  margin-top: 60px;
}
.link_youTube .link_youTube_list{
  width: 1054px;
  margin: 0 auto;
}
.link_youTube li{
  width: 49%;
}
.link_youTube .link_youTube_list span:hover{
  opacity: 0.7;
  cursor : pointer;
}
.link_youTube img{
  max-width: 100%;
  height: auto;
}
/*2カラム*/
.link_youTube .movie2col{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
/*1カラム*/
.link_youTube .movie1col li{
  width: 100%;
  text-align: center;
}
.link_youTube .movie1col li img{
  max-height: 290px;
}



@media screen and (max-width: 767px) {

  /* 共通
------------------------------------- */
    .ui2007 .seriesFeature .subSection:nth-of-type(1) .contensArea,
    .ui2007 .seriesFeature .subSection:nth-of-type(2) .contensArea,
    .ui2007 .seriesFeature .subSection:nth-of-type(3) .contensArea,
    .ui2007 .seriesFeature .subSection:nth-of-type(4) .contensArea,
    .ui2007 .seriesFeature .subSection:nth-of-type(5) .contensArea,
    .ui2007 .seriesFeature .subSection:nth-of-type(6) .contensArea {
      width: 100%;
      padding: 0 10px;
    }

    .ui2007 .colImgTxt {
      display: block;
    }

    .ui2007 .colImgTxt .txtBox,
    .ui2007 .colImgTxt .imgBox {
      width: 100%;
    }

    .ui2007 .seriesFeature .subSection:nth-of-type(1),
    .ui2007 .seriesFeature .subSection:nth-of-type(2),
    .ui2007 .seriesFeature .subSection:nth-of-type(3),
    .ui2007 .seriesFeature .subSection:nth-of-type(4),
    .ui2007 .seriesFeature .subSection:nth-of-type(5),
    .ui2007 .seriesFeature .subSection:nth-of-type(6) {
      padding: 30px 0;
    }

    .ui2007 .seriesFeature .contensArea .readTxt {
      margin-top: 15px;
      font-size: 1.4rem;
    }

    .ui2007 .colImgTxt .imgBox {
      margin-top: 15px;
    }

    .ui2007 .seriesFeature .subSection .imgBox img {
      max-width: 100%;
    }

    .ui2007 .colTwoTxt {
      margin-top: 20px;
    }

    .ui2007 .colTwoTxt li dt {
      margin-bottom: 5px;
      font-size: 1.6rem;
      color: #666;
    }

    .ui2007 .colTwoTxt li dd {
      font-size: 1.8rem;
    }

    .ui2007 .colTwoTxt li dd .bigTxt {
      font-size: 3.4rem;
    }

    .ui2007 .colTwoTxt li dd .smlTxt {
      font-size: 1.2rem;
    }

    .ui2007 .cauTxt {
      display: block;
      font-size: 1.2rem;
    }

    /* 充電スタンド
------------------------------------- */
    .ui2007 .seriesFeature .txtBox,
    .ui2007 .seriesFeature .imgBox {
      text-align: left;
    }

    /* 薄型・軽量
------------------------------------- */
    .ui2007 .seriesFeature .subSection:nth-of-type(2) .imgBox img {
      margin: 0;
      max-width: 100%;
    }

/* 生活空間
------------------------------------- */
  .ui2007 .seriesFeature .subSection:nth-of-type(3) .readTxt li h4{
    font-size: 1.4rem;
  }

  .ui2007 .seriesFeature_bottomNote {
    font-size: 1.4rem;
  }
  
  /* モーダル
------------------------------------- */
  .mdlWin {
    width: 100%;
    height: 425px;
    border: none;
  }

  /* youtubeエリア
------------------------------------- */
  .link_youTube {
    width: 100%;
    margin: 0 auto;
  }
  
  .link_youTube + div {
    margin-top: 30px;
  }

  .link_youTube .link_youTube_list {
    width: 90%;
  }

  .link_youTube li {
    width: 100%;
  }

  .link_youTube li + li {
    margin-top: 20px;
  }

  /*2カラム*/
  .link_youTube .movie2col {
    display: block;
  }

  /*1カラム*/
  .link_youTube .movie1col li img {
    max-height: 100%;
  }
}