@charset "utf-8";


/**
 * Top Page Style
 * ================================================================================
 * Table of Contents:
 *
 * Top Page Settings
 * ================================================================================
 */






/**
 * ================================================================================
 * Top Page Settings
 * ================================================================================
 */


/**
 * Module
 * -------------------------------
 */

/* -- .mSecMv -- */
#specialDsTop .mSecMv {}

  #specialDsTop .mSecMv img { width: 100%; }


/* -- .mSecBg -- */
#specialDsTop .mSecBg {
  position: relative;
  z-index: 1;
  }

#specialDsTop .mSecBg:before,
#specialDsTop .mSecBg:after {
  content: "";
  width: 1410px;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  }

#specialDsTop .mSecBg01:before,
#specialDsTop .mSecBg02:before {
  height: 100%;
  z-index: -2;
  }

#specialDsTop .mSecBg01:after,
#specialDsTop .mSecBg02:after { z-index: -1; }

#specialDsTop .mSecBg01:after {
  background-image: url("/files/cdb/ZZ/special/d-sensor/top/2106/zz_special_d-sensor_top_bg01.png");
  background-repeat: repeat-x;
  background-size: 20px auto;
  height: 20px;
  }


/* -- .mSecTtl -- */
#specialDsTop .mSecTtl {
  text-align: center;
  position: relative;
  z-index: 2;
  }

  #specialDsTop .mSecTtl > span {
    display: block;
    line-height: 1;
    }
  
  #specialDsTop .mSecTtl > span.mSecTtlIcon {}

    #specialDsTop .mSecTtl > span.mSecTtlIcon img { width: 200px; }

  #specialDsTop .mSecTtl > span.mSecTtlTxt { margin-bottom: 20px; }

    #specialDsTop .mSecTtl > span.mSecTtlTxt img { height: 36px; }

  #specialDsTop .mSecTtl > span.ffMontserrat {
    margin-bottom: 30px;
    font-size: 56px;
    font-weight: 700;
    letter-spacing: 0.1em;
    }

  #specialDsTop .mSecTtl > span.ffNotosans {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.1em;
    }


/* -- .mlinkLists -- */
#specialDsTop .mLinkLists { padding: 60px 0; }

  /* mLinkListsBtns */
  #specialDsTop .mLinkLists .mLinkListsBtns { list-style: none; }

    #specialDsTop .mLinkLists .mLinkListsBtns > li { margin-bottom: 35px; }

    #specialDsTop .mLinkLists .mLinkListsBtns > li:nth-last-of-type(1) { margin-bottom: 0; }

      #specialDsTop .mLinkLists .mLinkListsBtns > li > a {
        background-color: #fff;
        display: block;
        padding: 30px;
        text-align: center;
        border-radius: 10px;
        box-shadow: 0px 3px 3px 3px rgba(103, 178, 165, 0.5);
        }

      #specialDsTop .mLinkLists .mLinkListsBtns > li:nth-of-type(2) > a { background-color: #333; }

        #specialDsTop .mLinkLists .mLinkListsBtns > li > a > span {
          display: inline-block;
          padding-right: 55px;
          position: relative;
          color: rgba(0, 188, 198, 1);
          font-size: 20px;
          text-decoration: underline;
          }

        #specialDsTop .mLinkLists .mLinkListsBtns > li:nth-of-type(2) > a > span { color: #fff; }

          #specialDsTop .mLinkLists .mLinkListsBtns > li > a > span:before {
            content: "";
            background-image: url("/files/cdb/ZZ/special/d-sensor/top/2106/zz_special_d-sensor_top_icon-blank.png");
            background-repeat: no-repeat;
            background-position: 50% 50%;
            background-size: 100% auto;
            width: 22px;
            height: 22px;
            position: absolute;
            right: 0;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            }


/* -- .mModal -- */
.mModal { display: none; }

  .mModal .mModalSliderInner {
    width: 100%;
    margin: 0 auto;
    padding: 0 100px 40px 100px;
    }

    .mModal .mModalSliderInner .mModalSliderTtl {
      padding-bottom: 25px;
      margin-bottom: 60px;
      position: relative;
      color: #ff8768;
      font-size: 20px;
      font-weight: 500;
      text-align: center;
      }

      .mModal .mModalSliderInner .mModalSliderTtl:after {
        content: "";
        background-color: #ff8768;
        width: 60px;
        height: 5px;
        position: absolute;
        bottom: 0;
        left: 50%;
        -wekit-transform: translateX(-50%);
        transform: translateX(-50%);
        }

    .mModal .mModalSliderInner .mModalSliderSubTtl {
      margin-bottom: 30px;
      font-size: 25px;
      font-weight: 700;
      text-align: center;
      }

    .mModal .mModalSliderInner .mModalSliderTxt { text-align: center; }

      .mModal .mModalSliderInner .mModalSliderTxt > p {
        display: inline-block;
        font-size: 16px;
        text-align: left;
        line-height: 2;
        }

        .mModal .mModalSliderInner .mModalSliderTxt > p > strong {
          color: #ff8768;
          font-weight: 700;
          }

        .mModal .mModalSliderInner .mModalSliderTxt > p > .comments {
          display: inline-block;
          margin-top: 20px;
          color: #808080;
          font-size: 13px;
          line-height: 1.4;
          }

    .mModal .mModalSliderInner .mModalSliderImg { margin: 0 auto; }

    #frontcamera.mModal .mModalSliderInner .mModalSliderImg { width: 525px; }
    #sidecamera.mModal .mModalSliderInner .mModalSliderImg { width: 732px; }
    #backcamera.mModal .mModalSliderInner .mModalSliderImg { width: 685px; }

      .mModal .mModalSliderInner .mModalSliderImg img { width: 100%; }

    .mModal .mModalSliderInner .mModalSliderMovie {
      width: 525px;
      height: 0;
      margin: 0 auto;
      padding-top: calc(525px * 0.5625);
      overflow: hidden;
      position: relative;
      }

      .mModal .mModalSliderInner .mModalSliderMovie iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
        }

    .mModal .mModalSliderInner .mModalSliderMovieCaption {
      font-size: 13px;
      text-align: center;
      }

    .mModal .mModalSliderInner .mModalSliderBtn { text-align: center; }

      .mModal .mModalSliderInner .mModalSliderBtn > a {
        background-color: #ff8768;
        display: inline-block;
        padding: 10px 60px;
        position: relative;
        color: #fff;
        font-size: 17px;
        text-decoration: none;
        border-radius: 1000px;
        transition: all 0.2s ease-out;
        }

      .mModal .mModalSliderInner .mModalSliderBtn > a:hover { opacity: 0.7; }

        .mModal .mModalSliderInner .mModalSliderBtn > a:after {
          content: "";
          width: 10px;
          height: 10px;
          border-top: 2px solid #fff;
          border-right: 2px solid #fff;
          position: absolute;
          top: 50%;
          right: 20px;
          -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
          }

.slick-prev,
.slick-next {
  background-color: #ff8768;
  background-image: none;
  width: 60px;
  height: 60px;
  position: absolute;
  top: 50%;
  -webkit-tranform: translateY(-50%);
  tranform: translateY(-50%);
  border-radius: 1000px;
  }

.slick-prev { left: 20px; }
.slick-next { right: 20px; }

  .slick-prev:after,
  .slick-next:after {
    content: "";
    width: 14px;
    height: 14px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    }

  .slick-prev:after {
    margin-left: 4px;
    -webkit-transform: translate(-50%, -50%) rotate(-135deg);
    transform: translate(-50%, -50%) rotate(-135deg);
    }
  .slick-next:after {
    margin-left: -3px;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    }

.slick-dots {
  width: 100%;
  position: absolute;
  bottom: 22px;
  text-align: center;
  z-index: 9999;
  }

  .slick-dots > li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
    }

  .slick-dots > li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
    }

  .slick-dots li button:before {
    background-color: #ccc;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    content: "";
    border-radius: 1000px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    }

  .slick-dots li.slick-active button:before { background-color: #ff8768; }



/**
 * UCL
 * -------------------------------
 */

#specialDsTop #ucl {
  background: -webkit-linear-gradient(left,  rgba(94,215,169,1) 0%,rgba(17,206,205,1) 100%);
  background: linear-gradient(to right,  rgba(94,215,169,1) 0%,rgba(17,206,205,1) 100%);
  display: flex;
  height: 73px;
  align-items: center;
  justify-content: center;
  text-align: center;
  }

  #specialDsTop #ucl > dl {
    display: inline-flex;
    align-items: center;
    line-height: 1;
    }

    #specialDsTop #ucl > dl > dt { display: block; }

      #specialDsTop #ucl > dl > dt img { width: 264px; }

    #specialDsTop #ucl > dl > dd {
      padding-left: 25px;
      margin-left: 25px;
      position: relative;
      color: #fff;
      font-size: 17px;
      font-weight: 700;
      }

      #specialDsTop #ucl > dl > dd:before {
        content: "";
        background-color: #fff;
        width: 2px;
        height: 20px;
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        }


  
/**
 * Main Visual
 * -------------------------------
 */

#specialDsTop #mv {
  padding-bottom: 90px;
  position: relative;
  }


  /* -- .mvTtl -- */
  #specialDsTop #mv .mvTtl {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    }

    #specialDsTop #mv .mvTtl > span {
      background-image: url("/files/cdb/ZZ/special/d-sensor/top/2106/zz_special_d-sensor_top_mvttl-bg.png");
      background-repeat: no-repeat;
      background-position: 50% 50%;
      background-size: 100% auto;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 402px;
      height: 315px;
      }

      #specialDsTop #mv .mvTtl > span > span {
        display: block;
        /* margin-top: -10px; */
        color: #fff;
        font-size: 20px;
        font-weight: 700;
        line-height: 2;
        text-align: center;
        letter-spacing: 0.25em;
        -webkit-font-feature-settings: "palt";
        font-feature-settings: "palt";
        }

      #specialDsTop #mv .mvTtl > span img { width: 100%; }


  /* -- .mvImgs -- */
  #specialDsTop #mv .mvImgs { list-style: none; }

    #specialDsTop #mv .mvImgs > li { float: left; }

    #specialDsTop #mv .mvImgs > li:nth-of-type(1),
    #specialDsTop #mv .mvImgs > li:nth-of-type(2) { width: 50%; }
    #specialDsTop #mv .mvImgs > li:nth-of-type(3),
    #specialDsTop #mv .mvImgs > li:nth-of-type(5) { width: 26%; }
    #specialDsTop #mv .mvImgs > li:nth-of-type(4),
    #specialDsTop #mv .mvImgs > li:nth-of-type(6) { width: 24%; }

      #specialDsTop #mv .mvImgs > li img { width: 100%; }



/**
 * Lead
 * -------------------------------
 */

#specialDsTop #lead { padding-bottom: 160px; }


  /* -- .leadIcons -- */
  #specialDsTop #lead .leadIcons {
    margin-left: -20px;
    margin-bottom: 55px;
    list-style: none;
    text-align: center;
    letter-spacing: -.40em;
    }

    #specialDsTop #lead .leadIcons > li {
      display: inline-block;
      width: 120px;
      margin-left: 20px;
      letter-spacing: normal;
      vertical-align: top;
      }

      #specialDsTop #lead .leadIcons > li img { width: 100%; }


  /* -- .leadTtl -- */
  #specialDsTop #lead .leadTtl {
    margin-bottom: 70px;
    text-align: center;
    }

    #specialDsTop #lead .leadTtl > span { display: block; }

    #specialDsTop #lead .leadTtl > span:nth-of-type(1) { margin-bottom: 20px; }
    #specialDsTop #lead .leadTtl > span:nth-of-type(2) { margin-bottom: 30px; }
    #specialDsTop #lead .leadTtl > span:nth-of-type(3) { margin-bottom: 30px; }
    #specialDsTop #lead .leadTtl > span:nth-of-type(4) {
      font-size: 19px;
      font-weight: 500;
      }

      #specialDsTop #lead .leadTtl > span:nth-of-type(1) img { width: 786px; }
      #specialDsTop #lead .leadTtl > span:nth-of-type(2) img { width: 100px; }
      #specialDsTop #lead .leadTtl > span:nth-of-type(3) img { width: 414px; }


  /* -- .leadImgs -- */
  #specialDsTop #lead .leadImgs {
    margin-left: -4px;
    margin-bottom: 75px;
    list-style: none;
    text-align: center;
    letter-spacing: -.40em;
    }

    #specialDsTop #lead .leadImgs > li {
      display: inline-block;
      width: 247px;
      margin-left: 4px;
      letter-spacing: normal;
      vertical-align: top;
      }

      #specialDsTop #lead .leadImgs > li img { width: 100%; }


  /* -- .leadTxt -- */
  #specialDsTop #lead .leadTxt {
    font-size: 20px;
    text-align: center;
    line-height: 2.2;
    letter-spacing: 0.1em;
    }



/**
 * Lineup
 * -------------------------------
 */

#specialDsTop #lineup { padding-bottom: 90px; }


/* -- .mSecMv -- */
#specialDsTop #lineup .mSecMv { margin-bottom: 75px; }


/* -- .mSecBg -- */
#specialDsTop #lineup .mSecBg01:before { background-color: rgba(94, 215, 169, 0.2); }

#specialDsTop #lineup .mSecBg02:before {
  background: -webkit-linear-gradient(left,  rgba(94,215,169,1) 0%,rgba(0,188,198,1) 100%);
  background: linear-gradient(to right,  rgba(94,215,169,1) 0%,rgba(0,188,198,1) 100%);
  }

#specialDsTop #lineup .mSecBg02:after {
  background-image: url("/files/cdb/ZZ/special/d-sensor/top/2106/zz_special_d-sensor_top_bg02.png");
  background-repeat: repeat;
  background-size: auto 5px;
  height: 100%;
  }


/* -- .mSecTtl -- */
#specialDsTop #lineup .mSecTtl { margin-bottom: 65px; }

  #specialDsTop #lineup .mSecTtl > span.mSecTtlIcon { margin-bottom: 60px; }

    #specialDsTop #lineup .mSecTtl > span.mSecTtlIcon img { margin-top: -125px; }

  #specialDsTop #lineup .mSecTtl > span.ffMontserrat { color: #11cecd; }


/* -- .lineupLists -- */
#specialDsTop #lineup .lineupLists { list-style: none; }

#specialDsTop #lineup .lineupLists { padding-bottom: 85px; }

  #specialDsTop #lineup .lineupLists > li { margin-bottom: 20px; }

  #specialDsTop #lineup .lineupLists > li:nth-last-of-type(4) {
    padding-bottom: 55px;
    margin-bottom: 55px;
    border-bottom: 2px solid #fff;
    }

  #specialDsTop #lineup .lineupLists > li:nth-last-of-type(1) { margin-bottom: 0; }

    #specialDsTop #lineup .lineupLists > li > a {
      display: block;
      color: #1a1a1a;
      text-decoration: none;
      }

    #specialDsTop #lineup .lineupLists > li dl {
      background-color: #fff;
      display: flex;
      padding: 12px 12px 12px 10px;
      position: relative;
      overflow: hidden;
      border-radius: 10px;
      box-shadow: 0px 3px 3px 3px rgba(103, 178, 165, 0.1);
      }

      #specialDsTop #lineup .lineupLists > li dl:before {
        content: "";
        background: -webkit-linear-gradient(-45deg,  rgba(94,215,169,1) 0%,rgba(0,188,198,1) 100%);
        background: linear-gradient(135deg,  rgba(94,215,169,1) 0%,rgba(0,188,198,1) 100%);
        width: 10px;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        }

      #specialDsTop #lineup .lineupLists > li dl .lineupListsIllust {
        display: flex;
        align-items: center;
        width: 19%;
        padding-left: 30px;
        border-right: 1px solid #999;
        }

        #specialDsTop #lineup .lineupLists > li dl .lineupListsIllust img { width: 106px; }

      #specialDsTop #lineup .lineupLists > li dl .lineupListsTtl {
        display: flex;
        align-items: center;
        width: 54%;
        padding-left: 40px;
        padding-right: 60px;
        position: relative;
        }

      #specialDsTop #lineup .lineupLists > li:nth-of-type(4) dl .lineupListsTtl,
      #specialDsTop #lineup .lineupLists > li:nth-of-type(5) dl .lineupListsTtl,
      #specialDsTop #lineup .lineupLists > li:nth-of-type(6) dl .lineupListsTtl { width: 73%; }

        #specialDsTop #lineup .lineupLists > li dl .lineupListsTtl:after {
          content: "";
          background-image: url("/files/cdb/ZZ/special/d-sensor/top/2106/zz_special_d-sensor_top_icon-arrow01.png");
          background-repeat: no-repeat;
          background-position: 50% 50%;
          background-size: 100% auto;
          width: 32px;
          height: 32px;
          position: absolute;
          top: 50%;
          right: 16px;
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
          }

        #specialDsTop #lineup .lineupLists > li dl .lineupListsTtl .lineupListsTtlSub {
          margin-bottom: 5px;
          font-size: 16px;
          font-weight: 300;
          }

          #specialDsTop #lineup .lineupLists > li:nth-of-type(4) dl .lineupListsTtl .lineupListsTtlSub { font-size: 13px; }

        #specialDsTop #lineup .lineupLists > li dl .lineupListsTtl .lineupListsTtlMain {
          font-size: 23px;
          font-weight: 500;
          }

      #specialDsTop #lineup .lineupLists > li dl .lineupListsImg {
        display: flex;
        align-items: center;
        width: 27%;
        }

        #specialDsTop #lineup .lineupLists > li dl .lineupListsImg img { width: 100%; }



/**
 * Camera
 * -------------------------------
 */

#specialDsTop #camera { padding-bottom: 115px; }


/* -- .mSecMv -- */
#specialDsTop #camera .mSecMv { margin-bottom: 100px; }


/* -- .mSecBg -- */
#specialDsTop #camera .mSecBg01:before { background-color: rgba(255, 203, 101, 0.2); }


/* -- .mSecTtl -- */
#specialDsTop #camera .mSecTtl { margin-bottom: 70px; }

  #specialDsTop #camera .mSecTtl > span.mSecTtlIcon { margin-bottom: 35px; }

    #specialDsTop #camera .mSecTtl > span.mSecTtlIcon img { margin-top: -140px; }

  #specialDsTop #camera .mSecTtl > span.ffMontserrat { color: #ff8768; }


/* -- .cameraSlider -- */
#specialDsTop #camera .cameraSlider {
  position: relative;
  z-index: 1;
  }

  #specialDsTop #camera .cameraSlider .cameraSliderMain {
    width: 1410px;
    position: absolute;
    top: 0;
    left: 50%;
    z-index: -1;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    }

  #specialDsTop #camera .cameraSlider .cameraSliderNav {
    width: 350px;
    padding: 295px 0 155px 0;
    position: relative;
    z-index: 2;
    }

    #specialDsTop #camera .cameraSlider .cameraSliderNav > li {
      background-color: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 247px;
      margin-bottom: 30px;
      position: relative;
      text-align: center;
      cursor: pointer;
      border-radius: 10px;
      }

    #specialDsTop #camera .cameraSlider .cameraSliderNav > li:nth-last-of-type(1) { margin-bottom: 0; }

      #specialDsTop #camera .cameraSlider .cameraSliderNav > li .cameraSliderNavInner {}

        #specialDsTop #camera .cameraSlider .cameraSliderNav > li .cameraSliderNavInner > dt {
          display: block;
          margin-bottom: 30px;
          }

          #specialDsTop #camera .cameraSlider .cameraSliderNav > li .cameraSliderNavInner > dt > span { display: block; }

          #specialDsTop #camera .cameraSlider .cameraSliderNav > li .cameraSliderNavInner > dt > span:nth-of-type(1) {
            margin-bottom: 15px;
            font-size: 22px;
            font-weight: 700;
            }

          #specialDsTop #camera .cameraSlider .cameraSliderNav > li .cameraSliderNavInner > dt > span.ffMontserrat {
            color: #ff8768;
            font-size: 18px;
            font-weight: 500;
            letter-spacing: 0.1em;
            }

        #specialDsTop #camera .cameraSlider .cameraSliderNav > li .cameraSliderNavInner > dd {}

          #specialDsTop #camera .cameraSlider .cameraSliderNav > li .cameraSliderNavInner > dd > a {
            background-color: #ff8768;
            display: inline-block;
            padding: 5px 30px 5px 25px;
            position: relative;
            color: #fff;
            font-size: 15px;
            font-weight: 700;
            text-decoration: none;
            letter-spacing: 0.05em;
            border-radius: 1000px;
            }

            #specialDsTop #camera .cameraSlider .cameraSliderNav > li .cameraSliderNavInner > dd > a:before,
            #specialDsTop #camera .cameraSlider .cameraSliderNav > li .cameraSliderNavInner > dd > a:after {
              content: "";
              background-color: #fff;
              width: 2px;
              height: 10px;
              position: absolute;
              top: 50%;
              right: 18px;
              }

            #specialDsTop #camera .cameraSlider .cameraSliderNav > li .cameraSliderNavInner > dd > a:before { transform: translateY(-50%); }
            #specialDsTop #camera .cameraSlider .cameraSliderNav > li .cameraSliderNavInner > dd > a:after { transform: translateY(-50%) rotate(90deg); }


    #specialDsTop #camera .cameraSlider .cameraSliderNav > li.slick-current {
      background: -webkit-linear-gradient(left,  rgba(255,135,104,1) 0%,rgba(255,203,101,1) 100%);
      background: linear-gradient(to right,  rgba(255,135,104,1) 0%,rgba(255,203,101,1) 100%);
      }

      #specialDsTop #camera .cameraSlider .cameraSliderNav > li.slick-current:after {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 20px 0 20px 32px;
        border-color: transparent transparent transparent #FFCB65;
        position: absolute;
        right: -32px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        }

      #specialDsTop #camera .cameraSlider .cameraSliderNav > li.slick-current .cameraSliderNavInner > dt > span:nth-of-type(1),
      #specialDsTop #camera .cameraSlider .cameraSliderNav > li.slick-current .cameraSliderNavInner > dt > span.ffMontserrat { color: #fff; }

      #specialDsTop #camera .cameraSlider .cameraSliderNav > li.slick-current .cameraSliderNavInner > dd > a {
        background-color: #fff;
        color: #ff8768;
        }

      #specialDsTop #camera .cameraSlider .cameraSliderNav > li.slick-current .cameraSliderNavInner > dd > a:before,
      #specialDsTop #camera .cameraSlider .cameraSliderNav > li.slick-current .cameraSliderNavInner > dd > a:after { background-color: #ff8768; }

        



/**
 * Features
 * -------------------------------
 */

/* -- .mSecMv -- */
#specialDsTop #features .mSecMv {}


/* -- .mSecBg -- */
#specialDsTop #features .mSecBg01:before {
  background-color: rgba(255, 151, 168, 0.15);
  height: 430px;
  }


/* -- .mSecTtl -- */
#specialDsTop #features .mSecTtl { margin-bottom: 100px; }

  #specialDsTop #features .mSecTtl > span.mSecTtlIcon { margin-bottom: 60px; }

    #specialDsTop #features .mSecTtl > span.mSecTtlIcon img { margin-top: -120px; }

  #specialDsTop #features .mSecTtl > span.ffMontserrat { color: #ff75a6; }


/* -- .lineupLists -- */
#specialDsTop #features .featuresLists { list-style: none; }

  /* .featuresListsInner */
  #specialDsTop #features .featuresLists .featuresListsInner {}

    #specialDsTop #features .featuresLists .featuresListsInner > dt {
      display: block;
      margin-bottom: 60px;
      text-align: center;
      }

      #specialDsTop #features .featuresLists .featuresListsInner > dt > span {
        background: -webkit-linear-gradient(-45deg,  rgba(255,117,166,1) 0%,rgba(255,151,168,1) 100%);
        background: linear-gradient(135deg,  rgba(255,117,166,1) 0%,rgba(255,151,168,1) 100%);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 100px;
        height: 100px;
        margin-top: -35px;
        overflow: hidden;
        position: relative;
        z-index: 1;
        color: #fff;
        font-size: 50px;
        font-weight: 600;
        text-align: center;
        border-radius: 5px;
        }

        #specialDsTop #features .featuresLists .featuresListsInner > dt > span:before {
          content: "";
          background-image: url("/files/cdb/ZZ/special/d-sensor/top/2106/zz_special_d-sensor_top_bg02.png");
          background-repeat: repeat;
          background-size: auto 5px;
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          left: 0;
          z-index: -1;
          }

    #specialDsTop #features .featuresLists .featuresListsInner > dd {}

      #specialDsTop #features .featuresLists .featuresListsInner > dd .featuresListsTtl {
        margin-bottom: 75px;
        font-size: 35px;
        font-weight: 500;
        text-align: center;
        letter-spacing: 0.1em;
        line-height: 1.8;
        }

      #specialDsTop #features .featuresLists .featuresListsInner > dd .featuresListsMainImg {}

        #specialDsTop #features .featuresLists .featuresListsInner > dd .featuresListsMainImg img { width: 100%; }

      #specialDsTop #features .featuresLists .featuresListsInner > dd .featuresListsImgs {
        list-style: none;
        letter-spacing: -.40em;
        }

        #specialDsTop #features .featuresLists .featuresListsInner > dd .featuresListsImgs > li {
          display: inline-block;
          letter-spacing: normal;
          vertical-align: top;
          }

      #specialDsTop #features .featuresLists .featuresListsInner > dd .featuresListsTxt {}

        #specialDsTop #features .featuresLists .featuresListsInner > dd .featuresListsTxt > p {
          font-size: 20px;
          font-weight: 300;
          letter-spacing: 0.05em;
          line-height: 2;
          }


/* -- .lineupLists01 -- */
#specialDsTop #features .featuresLists01 { padding-bottom: 150px; }

  #specialDsTop #features .featuresLists01 .featuresListsImgs { margin-left: -40px; }

    #specialDsTop #features .featuresLists01 .featuresListsImgs > li {
      width: 50%;
      padding-left: 40px;
      }

      #specialDsTop #features .featuresLists01 .featuresListsImgs > li > dl > dt {
        display: block;
        margin-bottom: 15px;
        }

        #specialDsTop #features .featuresLists01 .featuresListsImgs > li > dl > dt img { width: 100%; }

      #specialDsTop #features .featuresLists01 .featuresListsImgs > li > dl > dd { position: relative; }

        #specialDsTop #features .featuresLists01 .featuresListsImgs > li > dl > dd > p { font-size: 18px; }

          #specialDsTop #features .featuresLists01 .featuresListsImgs > li > dl > dd > p > span {
            background-color: rgba(255, 117, 166, 1);
            display: inline-block;
            padding: 10px 25px;
            position: absolute;
            right: 0;
            top: 0;
            color: #fff;
            font-size: 17px;
            font-weight: 700;
            line-height: 1;
            }

        #specialDsTop #features .featuresLists01 .featuresListsImgs > li > dl > dd .pComments {
          margin-top: 15px;
          font-size: 13px;
          }

  #specialDsTop #features .featuresLists01 .featuresListsTxt {
    margin-top: 60px;
    text-align: center;
    }


/* -- .lineupLists02 -- */
#specialDsTop #features .featuresLists02 { padding-bottom: 150px; }

  #specialDsTop #features .featuresLists02 .featuresListsMainImg { margin-bottom: 65px; }

  #specialDsTop #features .featuresLists02 .featuresListsImgs {
    float: left;
    width: 50%;
    margin-left: -20px;
    }

    #specialDsTop #features .featuresLists02 .featuresListsImgs > li {
      width: 50%;
      padding-left: 20px;
      }

      #specialDsTop #features .featuresLists02 .featuresListsImgs > li > dl > dt {
        display: block;
        margin-bottom: 10px;
        }

      #specialDsTop #features .featuresLists02 .featuresListsImgs > li > dl > dd {}

        #specialDsTop #features .featuresLists02 .featuresListsImgs > li > dl > dd > p {
          padding: 5px;
          font-size: 17px;
          text-align: center;
          }

        #specialDsTop #features .featuresLists02 .featuresListsImgs > li:nth-of-type(1) > dl > dd > p { background-color: #ccc; }

        #specialDsTop #features .featuresLists02 .featuresListsImgs > li:nth-of-type(2) > dl > dd > p {
          background-color: rgba(255, 117, 166, 1);
          color: #fff;
          font-weight: 700;
          }

  #specialDsTop #features .featuresLists02 .featuresListsTxt {
    float: right;
    width: 50%;
    padding-left: 50px;
    }

    #specialDsTop #features .featuresLists02 .featuresListsTxt .pComments {
      margin-top: 35px;
      font-size: 15px;
      }

      #specialDsTop #features .featuresLists02 .featuresListsTxt .pComments > li { font-weight: 300; }


/* -- .lineupLists03 -- */
#specialDsTop #features .featuresLists03 { padding-bottom: 80px; }

  #specialDsTop #features .featuresLists03 .featuresListsMainImg { margin-bottom: 75px; }

  #specialDsTop #features .featuresLists03 .featuresListsImgs {
    float: right;
    width: 47%;
    margin-left: -15px;
    }

    #specialDsTop #features .featuresLists03 .featuresListsImgs > li {
      width: 50%;
      padding-left: 15px;
      }

      #specialDsTop #features .featuresLists03 .featuresListsImgs > li img { width: 100%; }

  #specialDsTop #features .featuresLists03 .featuresListsTxt {
    float: left;
    width: 50%;
    padding-top: 30px;
    padding-right: 10px;
    }


/**
 * Kit
 * -------------------------------
 */

/* -- .mSecBg -- */
#specialDsTop #kit .mSecBg01 { padding: 70px 0 45px 0; }

  #specialDsTop #kit .mSecBg01:before,
  #specialDsTop #kit .mSecBg01:after { width: 100%; }

  #specialDsTop #kit .mSecBg01:before {
    background-color: rgba(255, 151, 168, 0.15);
    height: 100%;
    }


/* -- .kitLinks -- */
#specialDsTop #kit .kitLinks { list-style: none; }

  #specialDsTop #kit .kitLinks > li { margin-bottom: 20px; }

  #specialDsTop #kit .kitLinks > li:nth-last-of-type(1) { margin-bottom: 0; }

    #specialDsTop #kit .kitLinks > li > a,
    #specialDsTop #kit .kitLinks > li > span {
      display: block;
      padding: 20px 80px;
      text-align: center;
      border-radius: 10px;
      box-shadow: 0px 3px 3px 3px rgba(232, 156, 183, 0.07);
      }

    #specialDsTop #kit .kitLinks > li > a {
      background-color: #fff;
      position: relative;
      color: rgba(255, 117, 166, 1);
      font-size: 20px;
      font-weight: 500;
      text-decoration: none;
      }

      #specialDsTop #kit .kitLinks > li > a:before,
      #specialDsTop #kit .kitLinks > li > a:after {
        content: "";
        width: 30px;
        height: 30px;
        position: absolute;
        right: 25px;
        top: 50%;
        transform: translateY(-50%);
        border-radius: 1000px;
        }

      #specialDsTop #kit .kitLinks > li > a:before {
        background-color: rgba(255, 117, 166, 1);
        z-index: 1;
        }

      #specialDsTop #kit .kitLinks > li > a:after {
        background-image: url("/files/cdb/ZZ/special/d-sensor/top/2106/zz_special_d-sensor_top_icon-arrow02.png");
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: 100% auto;
        z-index: 2;
        }

    #specialDsTop #kit .kitLinks > li > span {
      border: 3px solid #fff;
      font-size: 19px;
      }


/**
 * Links
 * -------------------------------
 */

#specialDsTop #links {
  background: -webkit-linear-gradient(left,  rgba(94,215,169,1) 0%,rgba(0,188,198,1) 100%);
  background: linear-gradient(to right,  rgba(94,215,169,1) 0%,rgba(0,188,198,1) 100%);
  position: relative;
  z-index: 1;
  }

  #specialDsTop #links:before {
    content: "";
    background-image: url("/files/cdb/ZZ/special/d-sensor/top/2106/zz_special_d-sensor_top_bg02.png");
    background-repeat: repeat;
    background-size: auto 5px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    }



/**
 * Bottom
 * -------------------------------
 */

#specialDsTop #bottom { padding: 85px 0 90px 0; }


  /* -- .bottomIcons -- */
  #specialDsTop #bottom .bottomIcons {
    margin-left: -17px;
    margin-bottom: 45px;
    list-style: none;
    text-align: center;
    letter-spacing: -.40em;
    }

    #specialDsTop #bottom .bottomIcons > li {
      display: inline-block;
      width: 93px;
      margin-left: 17px;
      letter-spacing: normal;
      vertical-align: top;
      }

      #specialDsTop #bottom .bottomIcons > li img { width: 100%; }


  /* -- .bottomTtl -- */
  #specialDsTop #bottom .bottomTtl { text-align: center; }

    #specialDsTop #bottom .bottomTtl > span { display: block; }

    #specialDsTop #bottom .bottomTtl > span:nth-of-type(1) { margin-bottom: 15px; }
    #specialDsTop #bottom .bottomTtl > span:nth-of-type(2) { margin-bottom: 20px; }

      #specialDsTop #bottom .bottomTtl > span:nth-of-type(1) img { width: 610px; }
      #specialDsTop #bottom .bottomTtl > span:nth-of-type(2) img { width: 76px; }
      #specialDsTop #bottom .bottomTtl > span:nth-of-type(3) img { width: 320px; }



/**
 * Floating
 * -------------------------------
 */

#specialDsTop #floating {
  position: fixed;
  top: 35%;
  right: -190px;
  transition: 0.2s ease-out;
  z-index: 10;
  }
#specialDsTop #floating.active { right: 0; }

  #specialDsTop #floating > ul {
    width: 190px;
    list-style: none;
    letter-spacing: -.40em;
    }

    #specialDsTop #floating > ul > li {
      display: inline-block;
      vertical-align: top;
      letter-spacing: normal;
      }

      #specialDsTop #floating > ul > li > a {
        display: flex;
        align-items: center;
        width: 190px;
        height: 190px;
        justify-content: center;
        color: #fff;
        text-decoration: none;
        text-align: center;
        line-height: 1.4;
        }

      #specialDsTop #floating > ul > li:nth-of-type(1) > a {
        background-color: #333;
        border-top-left-radius: 10px;
        }
      #specialDsTop #floating > ul > li:nth-of-type(2) > a {
        background-color: #0a6ceb;
        border-bottom-left-radius: 10px;
        }

        #specialDsTop #floating > ul > li > a span { display: block; }

        #specialDsTop #floating > ul > li > a > span {
          width: 100%;
          padding: 0 25px;
          }

          #specialDsTop #floating > ul > li > a > span > span:nth-of-type(1) {
            width: 100%;
            font-size: 14px;
            margin-bottom: 10px;
            }

            #specialDsTop #floating > ul > li > a > span > span:nth-of-type(1) img { width: 100%; }

          #specialDsTop #floating > ul > li > a > span > span:nth-of-type(2) {
            width: 100%;
            height: 1px;
            margin-bottom: 10px;
            }

          #specialDsTop #floating > ul > li:nth-of-type(1) > a > span > span:nth-of-type(2) {
            background: -webkit-linear-gradient(left,  rgba(94,215,169,1) 0%,rgba(17,206,205,1) 100%);
            background: linear-gradient(to right,  rgba(94,215,169,1) 0%,rgba(17,206,205,1) 100%);
            }

          #specialDsTop #floating > ul > li:nth-of-type(2) > a > span > span:nth-of-type(2) { background-color: #fff; }

          #specialDsTop #floating > ul > li > a > span > span:nth-of-type(3) {
            font-size: 18px;
            font-weight: 700;
            }

          #specialDsTop #floating > ul > li:nth-of-type(2) > a > span > span:nth-of-type(3) {
            font-size: 17px;
            letter-spacing: -0.1em;
            }

          #specialDsTop #floating > ul > li > a > span > span:nth-of-type(4) {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 26px;
            padding: 5px 20px;
            margin: 15px 6px 0 6px;
            position: relative;
            line-height: 1;
            border-radius: 10px;
            }

          #specialDsTop #floating > ul > li:nth-of-type(1) > a > span > span:nth-of-type(4) {
            background: -webkit-linear-gradient(left,  rgba(94,215,169,1) 0%,rgba(17,206,205,1) 100%);
            background: linear-gradient(to right,  rgba(94,215,169,1) 0%,rgba(17,206,205,1) 100%);
            color: #333;
            font-size: 15px;
            font-weight: 600;
            }

          #specialDsTop #floating > ul > li:nth-of-type(2) > a > span > span:nth-of-type(4) {
            background-color: #ffff00;
            color: #0a6cec;
            font-size: 14px;
            font-weight: 700;
            letter-spacing: -0.05em;
            }

            #specialDsTop #floating > ul > li > a > span > span:nth-of-type(4):before,
            #specialDsTop #floating > ul > li > a > span > span:nth-of-type(4):after {
              content: "";
              background-repeat: no-repeat;
              background-position: 50% 50%;
              background-size: 100% auto;
              width: 16px;
              height: 16px;
              position: absolute;
              top: 50%;
              -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
              }

            #specialDsTop #floating > ul > li > a > span > span:nth-of-type(4):before { left: 7px; }
            #specialDsTop #floating > ul > li > a > span > span:nth-of-type(4):after { right: 5px; }

            #specialDsTop #floating > ul > li:nth-of-type(1) > a > span > span:nth-of-type(4):after { background-image: url("/files/cdb/ZZ/special/d-sensor/top/2106/zz_special_d-sensor_top_floating-icon-plus.png"); }
            #specialDsTop #floating > ul > li:nth-of-type(2) > a > span > span:nth-of-type(4):before { background-image: url("/files/cdb/ZZ/special/d-sensor/top/2106/zz_special_d-sensor_top_floating-icon-cart.png"); }
            #specialDsTop #floating > ul > li:nth-of-type(2) > a > span > span:nth-of-type(4):after { background-image: url("/files/cdb/ZZ/special/d-sensor/top/2106/zz_special_d-sensor_top_floating-icon-arrow.png"); }






/**
 * ================================================================================
 * Colorbox Settings
 * ================================================================================
 */


#cboxContent {
  font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
  padding: 60px 0 !important;
  }

#cboxClose {}






@media only screen and (min-width: 768px) and (max-width: 1279px) {
  
  
}








@media only screen and (min-width: 0px) and (max-width: 767px) {
  
/**
 * ================================================================================
 * Top Page Settings
 * ================================================================================
 */
  
  
.footer { padding-bottom: 170px; }
  
#pageTop {
  bottom: 120px;
  right: 5px;
  }

  
  
/**
 * Module
 * -------------------------------
 */

/* -- .mSecMv -- */
#specialDsTop .mSecMv {
  width: 110%;
  margin-left: -5%;
  }

  #specialDsTop .mSecMv img { width: 100%; }


/* -- .mSecBg -- */
#specialDsTop .mSecBg {
  position: relative;
  z-index: 1;
  }

#specialDsTop .mSecBg:before,
#specialDsTop .mSecBg:after { width: 100%; }

#specialDsTop .mSecBg01:after {
  background-size: 15px auto;
  height: 15px;
  }


/* -- .mSecTtl -- */
#specialDsTop .mSecTtl {}
  
  #specialDsTop .mSecTtl > span.mSecTtlIcon {}

    #specialDsTop .mSecTtl > span.mSecTtlIcon img { width: calc(100vw * (200 / 640) * 0.8); }

  #specialDsTop .mSecTtl > span.mSecTtlTxt { margin-bottom: 10px; }

    #specialDsTop .mSecTtl > span.mSecTtlTxt img {
      width: auto;
      height: 18px;
      }

  #specialDsTop .mSecTtl > span.ffMontserrat {
    margin-bottom: 15px;
    font-size: 26px;
    }

  #specialDsTop .mSecTtl > span.ffNotosans { font-size: 12px; }


/* -- .mlinkLists -- */
#specialDsTop .mLinkLists { padding: 30px 0; }

  /* mLinkListsBtns */
  #specialDsTop .mLinkLists .mLinkListsBtns {}

    #specialDsTop .mLinkLists .mLinkListsBtns > li { margin-bottom: 10px; }

      #specialDsTop .mLinkLists .mLinkListsBtns > li > a {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 65px;
        padding: 10px 15px;
        border-radius: 5px;
        box-shadow: 0px 3px 3px 3px rgba(103, 178, 165, 0.5);
        }

        #specialDsTop .mLinkLists .mLinkListsBtns > li > a > span {
          padding-right: 30px;
          font-size: 14px;
          }

          #specialDsTop .mLinkLists .mLinkListsBtns > li > a > span:before {
            width: 16px;
            height: 16px;
            }


/* -- .mModal -- */
.mModal { display: none; }

  .mModal .mModalSliderInner {
    width: 100%;
    padding: 0 50px 20px 50px;
    }

    .mModal .mModalSliderInner .mModalSliderTtl {
      padding-bottom: 15px;
      margin-bottom: 30px;
      font-size: 14px;
      }

      .mModal .mModalSliderInner .mModalSliderTtl:after {
        width: 40px;
        height: 3px;
        }

    .mModal .mModalSliderInner .mModalSliderSubTtl {
      margin-bottom: 15px;
      font-size: 16px;
      }

      .mModal .mModalSliderInner .mModalSliderTxt > p { font-size: 12px; }
  
      .mModal .mModalSliderInner .mModalSliderTxt > p > .comments {
        margin-top: 10px;
        font-size: 10px;
        }

    .mModal .mModalSliderInner .mModalSliderImg {
      width: 100% !important;
      margin: 0 auto;
      }
  
    .mModal .mModalSliderInner .mModalSliderMovie {
      width: 100%;
      padding-top: calc(100% * 0.5625);
      }
  
    .mModal .mModalSliderInner .mModalSliderMovieCaption { font-size: 10px; }

      .mModal .mModalSliderInner .mModalSliderBtn > a {
        padding: 10px 40px;
        font-size: 13px;
        }

        .mModal .mModalSliderInner .mModalSliderBtn > a:after {
          width: 6px;
          height: 6px;
          right: 15px;
          }

.slick-prev,
.slick-next {
  width: 30px;
  height: 30px;
  }

.slick-prev { left: 10px; }
.slick-next { right: 10px; }

  .slick-prev:after,
  .slick-next:after {
    width: 6px;
    height: 6px;
    }

  .slick-prev:after { margin-left: 1px; }
  .slick-next:after { margin-left: -1px; }

.slick-dots { bottom: 15px; }

  .slick-dots > li {
    width: 16px;
    height: 16px;
    margin: 0 3px;
    }



/**
 * UCL
 * -------------------------------
 */

#specialDsTop #ucl {
  display: block;
  height: auto;
  padding: 5px 10px 10px 10px;
  }

  #specialDsTop #ucl > dl { display: block; }

    #specialDsTop #ucl > dl > dt {}

      #specialDsTop #ucl > dl > dt img { width: 60%; }

    #specialDsTop #ucl > dl > dd {
      padding-left: 0;
      margin-left: 0;
      padding-top: 10px;
      font-size: 12px;
      }

      #specialDsTop #ucl > dl > dd:before {
        width: 20px;
        height: 1px;
        left: 50%;
        top: 0;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        }

  
/**
 * Main Visual
 * -------------------------------
 */

#specialDsTop #mv {
  padding-bottom: 30px;
  position: relative;
  }


  /* -- .mvTtl -- */
  #specialDsTop #mv .mvTtl {}

    #specialDsTop #mv .mvTtl > span {
      width: calc(100vw * (402 / 640) * 0.7);
      height: calc(100vw * (315 / 640) * 0.7);
      }

      #specialDsTop #mv .mvTtl > span > span {
        /* margin-top: calc(100vw * (-20 / 640) * 0.65); */
        font-size: calc(100vw * (20 / 640) * 0.65);
        line-height: 1.8;
        }
  
      #specialDsTop #mv .mvTtl > span img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        }


  /* -- .mvImgs -- */
  #specialDsTop #mv .mvImgs { list-style: none; }

    #specialDsTop #mv .mvImgs > li { float: left; }

    #specialDsTop #mv .mvImgs > li:nth-of-type(1),
    #specialDsTop #mv .mvImgs > li:nth-of-type(2) { width: 50%; }
    #specialDsTop #mv .mvImgs > li:nth-of-type(3),
    #specialDsTop #mv .mvImgs > li:nth-of-type(5) { width: 26%; }
    #specialDsTop #mv .mvImgs > li:nth-of-type(4),
    #specialDsTop #mv .mvImgs > li:nth-of-type(6) { width: 24%; }



/**
 * Lead
 * -------------------------------
 */

#specialDsTop #lead { padding-bottom: 50px; }


  /* -- .leadIcons -- */
  #specialDsTop #lead .leadIcons {
    margin-left: -10px;
    margin-bottom: 20px;
    }

    #specialDsTop #lead .leadIcons > li {
      width: calc(100vw * (120 / 640) * 0.8);
      margin-left: 10px;
      }


  /* -- .leadTtl -- */
  #specialDsTop #lead .leadTtl {
    margin-bottom: 30px;
    text-align: center;
    }

    #specialDsTop #lead .leadTtl > span { display: block; }

    #specialDsTop #lead .leadTtl > span:nth-of-type(1) { margin-bottom: 10px; }
    #specialDsTop #lead .leadTtl > span:nth-of-type(2) { margin-bottom: 15px; }
    #specialDsTop #lead .leadTtl > span:nth-of-type(3) { margin-bottom: 15px; }
    #specialDsTop #lead .leadTtl > span:nth-of-type(4) { font-size: calc(100vw * (32 / 640) * 0.8); }

      #specialDsTop #lead .leadTtl > span:nth-of-type(1) img { width: calc(100vw * (786 / 640) * 0.6); }
      #specialDsTop #lead .leadTtl > span:nth-of-type(2) img { width: calc(100vw * (100 / 640) * 0.8); }
      #specialDsTop #lead .leadTtl > span:nth-of-type(3) img { width: calc(100vw * (414 / 640) * 0.8); }


  /* -- .leadImgs -- */
  #specialDsTop #lead .leadImgs {
    margin-left: -2px;
    margin-bottom: 30px;
    }

    #specialDsTop #lead .leadImgs > li {
      width: calc(100vw * (247 / 640) * 0.55);
      margin-left: 2px;
      }


  /* -- .leadTxt -- */
  #specialDsTop #lead .leadTxt {font-size: 12px; }



/**
 * Lineup
 * -------------------------------
 */

#specialDsTop #lineup { padding-bottom: 40px; }


/* -- .mSecMv -- */
#specialDsTop #lineup .mSecMv { margin-bottom: calc(100vw * (75 / 640) * 0.8); }


/* -- .mSecTtl -- */
#specialDsTop #lineup .mSecTtl { margin-bottom: 40px; }

  #specialDsTop #lineup .mSecTtl > span.mSecTtlIcon { margin-bottom: 30px; }

    #specialDsTop #lineup .mSecTtl > span.mSecTtlIcon img { margin-top: calc(100vw * (-125 / 640) * 0.8); }

  #specialDsTop #lineup .mSecTtl > span.ffMontserrat { color: #11cecd; }


/* -- .lineupLists -- */
#specialDsTop #lineup .lineupLists { list-style: none; }

#specialDsTop #lineup .lineupLists { padding-bottom: 40px; }

  #specialDsTop #lineup .lineupLists > li { margin-bottom: 10px; }

  #specialDsTop #lineup .lineupLists > li:nth-last-of-type(4) {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 2px solid #fff;
    }

    #specialDsTop #lineup .lineupLists > li dl {
      padding: 6px 6px 6px 5px;
      border-radius: 5px;
      box-shadow: 0px 3px 3px 3px rgba(103, 178, 165, 0.1);
      }

      #specialDsTop #lineup .lineupLists > li dl:before { width: 5px; }

      #specialDsTop #lineup .lineupLists > li dl .lineupListsIllust {
        width: 19%;
        padding-left: 5px;
        }

        #specialDsTop #lineup .lineupLists > li dl .lineupListsIllust img { width: calc(100vw * (106 / 640)); }

      #specialDsTop #lineup .lineupLists > li dl .lineupListsTtl {
        width: 54%;
        padding-left: 15px;
        padding-right: 20px;
        }

      #specialDsTop #lineup .lineupLists > li:nth-of-type(4) dl .lineupListsTtl,
      #specialDsTop #lineup .lineupLists > li:nth-of-type(5) dl .lineupListsTtl,
      #specialDsTop #lineup .lineupLists > li:nth-of-type(6) dl .lineupListsTtl { width: 73%; }

        #specialDsTop #lineup .lineupLists > li dl .lineupListsTtl:after {
          width: 12px;
          height: 12px;
          right: 5px;
          }
  
        #specialDsTop #lineup .lineupLists > li dl .lineupListsTtl > div { padding: 6px 0; }

        #specialDsTop #lineup .lineupLists > li dl .lineupListsTtl .lineupListsTtlSub {
          margin-bottom: 3px;
          font-size: 10px;
          }

          #specialDsTop #lineup .lineupLists > li:nth-of-type(4) dl .lineupListsTtl .lineupListsTtlSub {
            font-size: 10px;
            line-height: 1.3;
            }

        #specialDsTop #lineup .lineupLists > li dl .lineupListsTtl .lineupListsTtlMain { font-size: 13px; }

      #specialDsTop #lineup .lineupLists > li dl .lineupListsImg { width: 27%; }




/**
 * Camera
 * -------------------------------
 */

#specialDsTop #camera { padding-bottom: 50px; }


/* -- .mSecMv -- */
#specialDsTop #camera .mSecMv { margin-bottom: calc(100vw * (40 / 640)); }


/* -- .mSecTtl -- */
  #specialDsTop #camera .mSecTtl { margin-bottom: 35px; }

  #specialDsTop #camera .mSecTtl > span.mSecTtlIcon { margin-bottom: 20px; }

    #specialDsTop #camera .mSecTtl > span.mSecTtlIcon img { margin-top: calc(100vw * (-140 / 640) * 0.8); }


/* -- .cameraSlider -- */
#specialDsTop #camera .cameraSlider {
  position: relative;
  z-index: 1;
  }
  
  #specialDsTop #camera .cameraSlider:after {
    content: "";
    background-image: url("/files/cdb/ZZ/special/d-sensor/top/2106/zz_special_d-sensor_top_cameraslider-bg.png");
    background-repeat: no-repeat;
    bakcground-position: 0 0;
    background-size: 100% auto;
    width: 120%;
    height: calc(100vw * (250 / 640));
    position: absolute;
    bottom: 0;
    left: -10%;
    }

  #specialDsTop #camera .cameraSlider .cameraSliderMain {
    width: 120%;
    margin-left: calc(100vw * (30 / 640));
    }

  #specialDsTop #camera .cameraSlider .cameraSliderNav {
    width: calc(100vw * (350 / 640) * 0.8);
    padding: 0 0 40px 0;
    }

    #specialDsTop #camera .cameraSlider .cameraSliderNav > li {
      width: 100%;
      height: calc(100vw * (247 / 640));
      margin-bottom: calc(100vw * (30 / 640) * 0.5);
      border-radius: 5px;
      }

      #specialDsTop #camera .cameraSlider .cameraSliderNav > li .cameraSliderNavInner {}

        #specialDsTop #camera .cameraSlider .cameraSliderNav > li .cameraSliderNavInner > dt { margin-bottom: 10px; }

          #specialDsTop #camera .cameraSlider .cameraSliderNav > li .cameraSliderNavInner > dt > span:nth-of-type(1) {
            margin-bottom: 5px;
            font-size: 14px;
            }

          #specialDsTop #camera .cameraSlider .cameraSliderNav > li .cameraSliderNavInner > dt > span.ffMontserrat { font-size: 12px; }

        #specialDsTop #camera .cameraSlider .cameraSliderNav > li .cameraSliderNavInner > dd {}

          #specialDsTop #camera .cameraSlider .cameraSliderNav > li .cameraSliderNavInner > dd > a {
            padding: 5px 25px 5px 15px;
            font-size: 12px;
            }

            #specialDsTop #camera .cameraSlider .cameraSliderNav > li .cameraSliderNavInner > dd > a:before,
            #specialDsTop #camera .cameraSlider .cameraSliderNav > li .cameraSliderNavInner > dd > a:after {
              width: 2px;
              height: 8px;
              right: 15px;
              }


    #specialDsTop #camera .cameraSlider .cameraSliderNav > li.slick-current {
      background: -webkit-linear-gradient(left,  rgba(255,135,104,1) 0%,rgba(255,203,101,1) 100%);
      background: linear-gradient(to right,  rgba(255,135,104,1) 0%,rgba(255,203,101,1) 100%);
      }

      #specialDsTop #camera .cameraSlider .cameraSliderNav > li.slick-current:after {
        border-width: 10px 0 10px 16px;
        right: -16px;
        }

        



/**
 * Features
 * -------------------------------
 */

/* -- .mSecMv -- */
#specialDsTop #features .mSecMv {}


/* -- .mSecBg -- */
#specialDsTop #features .mSecBg01:before { height: calc(100vw * (430 / 640) * 1.2); }


/* -- .mSecTtl -- */
#specialDsTop #features .mSecTtl { margin-bottom: 40px; }

  #specialDsTop #features .mSecTtl > span.mSecTtlIcon { margin-bottom: 30px; }

    #specialDsTop #features .mSecTtl > span.mSecTtlIcon img { margin-top: calc(100vw * (-120 / 640) * 0.8); }


/* -- .lineupLists -- */
#specialDsTop #features .featuresLists {}

  /* .featuresListsInner */
  #specialDsTop #features .featuresLists .featuresListsInner {}

    #specialDsTop #features .featuresLists .featuresListsInner > dt { margin-bottom: 30px; }

      #specialDsTop #features .featuresLists .featuresListsInner > dt > span {
        width: 50px;
        height: 50px;
        margin-top: -15px;
        font-size: 24px;
        border-radius: 3px;
        }

        #specialDsTop #features .featuresLists .featuresListsInner > dt > span:before { background-size: auto 3px; }

    #specialDsTop #features .featuresLists .featuresListsInner > dd {}

      #specialDsTop #features .featuresLists .featuresListsInner > dd .featuresListsTtl {
        margin-bottom: 30px;
        font-size: 16px;
        }

      #specialDsTop #features .featuresLists .featuresListsInner > dd .featuresListsMainImg {}

        #specialDsTop #features .featuresLists .featuresListsInner > dd .featuresListsMainImg img { width: 100%; }

      #specialDsTop #features .featuresLists .featuresListsInner > dd .featuresListsImgs {}

        #specialDsTop #features .featuresLists .featuresListsInner > dd .featuresListsImgs > li {}

      #specialDsTop #features .featuresLists .featuresListsInner > dd .featuresListsTxt {}

        #specialDsTop #features .featuresLists .featuresListsInner > dd .featuresListsTxt > p { font-size: 12px; }


/* -- .lineupLists01 -- */
#specialDsTop #features .featuresLists01 { padding-bottom: 50px; }

  #specialDsTop #features .featuresLists01 .featuresListsImgs {
    margin-left: 0;
    margin-top: -20px;
    }

    #specialDsTop #features .featuresLists01 .featuresListsImgs > li {
      width: 100%;
      padding-left: 0;
      padding-top: 20px;
      }

      #specialDsTop #features .featuresLists01 .featuresListsImgs > li > dl > dt { margin-bottom: 10px; }

      #specialDsTop #features .featuresLists01 .featuresListsImgs > li > dl > dd {}

        #specialDsTop #features .featuresLists01 .featuresListsImgs > li > dl > dd > p { font-size: 13px; }

          #specialDsTop #features .featuresLists01 .featuresListsImgs > li > dl > dd > p > span {
            padding: 5px 10px;
            font-size: 11px;
            }

        #specialDsTop #features .featuresLists01 .featuresListsImgs > li > dl > dd .pComments {
          margin-top: 5px;
          font-size: 10px;
          }

  #specialDsTop #features .featuresLists01 .featuresListsTxt { margin-top: 30px; }


/* -- .lineupLists02 -- */
#specialDsTop #features .featuresLists02 { padding-bottom: 50px; }

  #specialDsTop #features .featuresLists02 .featuresListsMainImg { margin-bottom: 20px; }

  #specialDsTop #features .featuresLists02 .featuresListsImgs {
    float: none;
    width: 100%;
    margin-left: -10px;
    }

    #specialDsTop #features .featuresLists02 .featuresListsImgs > li {
      width: 50%;
      padding-left: 10px;
      }

      #specialDsTop #features .featuresLists02 .featuresListsImgs > li > dl > dt { margin-bottom: 5px; }

      #specialDsTop #features .featuresLists02 .featuresListsImgs > li > dl > dd {}

        #specialDsTop #features .featuresLists02 .featuresListsImgs > li > dl > dd > p {
          padding: 3px;
          font-size: 12px;
          }

  #specialDsTop #features .featuresLists02 .featuresListsTxt {
    float: none;
    width: 100%;
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 25px;
    text-align: center;
    }

    #specialDsTop #features .featuresLists02 .featuresListsTxt .pComments {
      margin-top: 5px;
      font-size: 10px;
      }


/* -- .lineupLists03 -- */
#specialDsTop #features .featuresLists03 { padding-bottom: 40px; }

  #specialDsTop #features .featuresLists03 .featuresListsMainImg { margin-bottom: 20px; }

  #specialDsTop #features .featuresLists03 .featuresListsImgs {
    float: none;
    width: 100%;
    margin-left: -10px;
    }

    #specialDsTop #features .featuresLists03 .featuresListsImgs > li {
      width: 50%;
      padding-left: 10px;
      }

  #specialDsTop #features .featuresLists03 .featuresListsTxt {
    float: none;
    width: 100%;
    padding-top: 0;
    padding-right: 0;
    margin-bottom: 25px;
    text-align: center;
    }


/**
 * Kit
 * -------------------------------
 */

/* -- .mSecBg -- */
#specialDsTop #kit .mSecBg01 { padding: 35px 0; }


/* -- .kitLinks -- */
#specialDsTop #kit .kitLinks {}

  #specialDsTop #kit .kitLinks > li { margin-bottom: 10px; }

    #specialDsTop #kit .kitLinks > li > a,
    #specialDsTop #kit .kitLinks > li > span {
      padding: 10px 40px;
      border-radius: 5px;
      box-shadow: 0px 3px 3px 3px rgba(232, 156, 183, 0.07);
      }

    #specialDsTop #kit .kitLinks > li > a { font-size: 14px; }

      #specialDsTop #kit .kitLinks > li > a:before,
      #specialDsTop #kit .kitLinks > li > a:after {
        width: 20px;
        height: 20px;
        right: 15px;
        }

    #specialDsTop #kit .kitLinks > li > span {
      border: 3px solid #fff;
      font-size: 13px;
      }


/**
 * Links
 * -------------------------------
 */

#specialDsTop #links {}



/**
 * Bottom
 * -------------------------------
 */

#specialDsTop #bottom { padding: 30px 0 40px 0; }


  /* -- .bottomIcons -- */
  #specialDsTop #bottom .bottomIcons {
    margin-left: -8px;
    margin-bottom: 20px;
    }

    #specialDsTop #bottom .bottomIcons > li {
      width: calc(100vw * (93 / 640) * 0.8);
      margin-left: 8px;
      }


  /* -- .bottomTtl -- */
  #specialDsTop #bottom .bottomTtl {}

    #specialDsTop #bottom .bottomTtl > span:nth-of-type(1) { margin-bottom: 5px; }
    #specialDsTop #bottom .bottomTtl > span:nth-of-type(2) { margin-bottom: 10px; }

      #specialDsTop #bottom .bottomTtl > span:nth-of-type(1) img { width: calc(100vw * (610 / 640) * 0.8); }
      #specialDsTop #bottom .bottomTtl > span:nth-of-type(2) img { width: calc(100vw * (76 / 640) * 0.8); }
      #specialDsTop #bottom .bottomTtl > span:nth-of-type(3) img { width: calc(100vw * (320 / 640) * 0.8); }

  
  
/**
 * Floationg
 * -------------------------------
 */

#specialDsTop #floating {
  width: 100%;
  top: auto;
  right: 0;
  bottom: -110px;
  }
#specialDsTop #floating.active { bottom: 0; }

  #specialDsTop #floating > ul {
    width: 100%;
    font-size: 0;
    }

    #specialDsTop #floating > ul > li { width: 50%; }

      #specialDsTop #floating > ul > li > a {
        width: 100%;
        height: 110px;
        line-height: 1.4;
        border-radius: 0 !important;
        }

        #specialDsTop #floating > ul > li > a span { display: block; }

        #specialDsTop #floating > ul > li > a > span { padding: 0 15px; }

          #specialDsTop #floating > ul > li > a > span > span:nth-of-type(1) {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 25px;
            font-size: 10px;
            margin-bottom: 3px;
            }
  
            #specialDsTop #floating > ul > li > a > span > span:nth-of-type(1) img { width: 100px; }

          #specialDsTop #floating > ul > li > a > span > span:nth-of-type(2) {
            width: 100%;
            height: 1px;
            margin-bottom: 3px;
            }

          #specialDsTop #floating > ul > li > a > span > span:nth-of-type(3) { font-size: 12px !important; }
  
            #specialDsTop #floating > ul > li > a > span > span:nth-of-type(3) br { display: none; }

          #specialDsTop #floating > ul > li > a > span > span:nth-of-type(4) {
            display: inline-block;
            width: 90%;
            margin-top: 10px;
            padding: 5px 25px;
            font-size: 13px;
            }

  
  
  
  
  
/**
 * ================================================================================
 * Colorbox Settings
 * ================================================================================
 */


#cboxContent { padding: 40px 0 !important; }

#cboxClose {
  top: 10px;
  right: 10px;
  }


}