@charset "utf-8";


/**
 * Degital Mirror Common Style
 * ================================================================================
 * Table of Contents:
 *
 * Common Settings
 * Parts Settings
 * Module Settings
 * Top Page Settings
 * D-Mirror Settings
 * D-Drive Page Settings
 * Other Settings
 * ================================================================================
 */








/**
 * ================================================================================
 * Common Settings
 * ================================================================================
 */


/* -- Layout -- */
main { padding-top: 0; }

.mainContent { padding-top: 100px; }


/* -- Font -- */
.mainContent { font-size: 1.8rem; }






/**
 * ================================================================================
 * Parts Settings
 * ================================================================================
 */


/**
 * Button
 * -------------------------------
 */

.btns { letter-spacing: -.40em; }

.btn {
  display: inline-block;
  letter-spacing: normal;
  vertical-align: top;
  }

  .btn > a {
    display: block;
    text-decoration: none;
    }


/* -- .btn01 -- */
.btn01 > a {
  width: 100%;
  padding: 20px 100px;
  position: relative;
  text-align: center;
  border-radius: 1000px;
  }

  .btn01 > a:after,
  .btn01 > a:before {
    content: "";
    position: absolute;
    top: 50%;
    }

  .btn01 > a:after {
    content: "";
    width: 14px;
    height: 14px;
    border-top-style: solid;
    border-right-style: solid;
    border-top-width: 2px;
    border-right-width: 2px;
    position: absolute;
    right: 35px;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    }

  .btn01 > a > span {
    font-size: 2.6rem;
    font-weight: bold;
    line-height: 1.4;
    }


/* -- Color -- */
.btn01 .btn01ColorBlue {
  background-color: #073cb4;
  border: 2px solid #fff;
  box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.3);
  }

  .btn01 .btn01ColorBlue:after {
    border-top-color: #fff;
    border-right-color: #fff;
    }

  .btn01 .btn01ColorBlue > span { color: #fff; }


/* -- Icon -- */
.btn01 .btn01IconPdf {}

  .btn01 .btn01IconPdf:after {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100% auto;
    width: calc(21px * 1.4);
    height: calc(26px * 1.4);
    border: none;
    right: calc(24px * 1.2);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    }

.btn01 .btn01ColorBlue.btn01IconPdf:after { background-image: url("/files/cdb/ZZ/products/d-mirror/common/zzproducts_d-mirror_common_icon-pdf01-bl.svg"); }



/**
 * Link
 * -------------------------------
 */

.link01 {
  padding-right: 0;
  padding-left: 40px;
  color: #1964ff;
  }

  .link01:after {
    content: "";
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100% auto;
    width: 22px;
    height: 22px;
    position: absolute;
    top: -3px;
    left: 0;
    }

  .link01.link01Blank:after { background-image: url("/files/cdb/ZZ/products/common/zzproducts_common_icon-blank02-bk.png"); }






/**
 * ================================================================================
 * Module Settings
 * ================================================================================
 */


/**
 * Product Main Visual Area
 * -------------------------------
 */

.productMvArea {
  background-color: #000;
  position: relative;
  }

  .productMvArea > h1 {
    position: relative;
    z-index: 1;
    }

    .productMvArea > h1 img { width: 100%; }

  .productMvArea .explanationBox01 {
    margin-top: 0;
    position: absolute;
    top: calc(100vw * (395 / 1700));
    left: calc(100vw * (250 / 1700));
    z-index: 2;
    }
  .productMvArea .explanationBox01.caution { top: calc(100vw * (350 / 1700)); }

    .productMvArea .explanationBox01 .productDetail01 { margin-top: 0; }

      .productMvArea .explanationBox01 .productDetail01 li { margin-left: calc(100vw * (10 / 1700)); }

      .productMvArea .explanationBox01 .productDetail01 .btnType07 { font-size: calc(100vw * (14 / 1700)); }

      .productMvArea .explanationBox01 .productDetail01 .btn {
        float: left;
        margin-top: 0;
        margin-left: 0;
        }
     
        .productMvArea .explanationBox01 .productDetail01 .btn a { padding: calc(100vw * (10 / 1700)) calc(100vw * (25 / 1700)); }

          .productMvArea .explanationBox01 .productDetail01 .btn a img {
            display: inline-block;
            margin-top: calc(100vw * (-3 / 1700));
            height: calc(100vw * (13 / 1700));
            }

      .productMvArea .explanationBox01 .productDetail01 .link {
        background-color: #1964ff;
        padding-left: calc(100vw * (40 / 1700));
        }

        .productMvArea .explanationBox01 .productDetail01 .link a {
          padding: calc(100vw * (10 / 1700)) calc(100vw * (40 / 1700)) calc(100vw * (10 / 1700)) calc(100vw * (20 / 1700));
          color: #FFF;
          }

          .productMvArea .explanationBox01 .productDetail01 .link a:before {
            width: calc(100vw * (6 / 1700));
            height: calc(100vw * (6 / 1700));
            border-top: 1px solid #FFF;
            border-right: 1px solid #FFF;
            top: 50%;
            -webkit-transform: translateY(-50%) rotate(45deg);
            transform: translateY(-50%) rotate(45deg);
            }

  .productMvArea .cautionText {
    position: absolute;
    top: calc(100vw * (410 / 1700));
    left: calc(100vw * (250 / 1700));
    z-index: 2;
    color: #FFF;
    font-size: calc(100vw * (14 / 1700));
    line-height: 1.2;
    }

  .productMvArea .cautionText02 {
    position: absolute;
    bottom: calc(100vw * (30 / 1700));
    left: calc(100vw * (250 / 1700));
    z-index: 2;
    color: #FFF;
    font-size: calc(100vw * (14 / 1700));
    line-height: 1.2;
    }



  .productItemBannerArea > ul > li a:after { margin-top: 0; }



/**
 * Product Tab Area
 * -------------------------------
 */
  
#productTabArea { background-color: #1a1a1a; }

  #productTabArea > ul { background-color: transparent; }

    #productTabArea > ul > li { border-right: 1px solid #1a1a1a; }

      #productTabArea > ul > li > a {
        padding: 30px 0;
        font-size: 1.9rem;
        font-weight: normal;
        }
      #productTabArea > ul > li > a:hover,
      #productTabArea > ul > li.current > a { background-color: #1964ff; }



/**
 * Slickslider
 * -------------------------------
 */

.slickslider { position: relative; }

  .slickslider .slick-arrow {
    background: none;
    width: 50px;
    height: 50px;
    margin-top: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: 0.2s all ease-out;
    }

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

  .slickslider .slick-arrow:hover { opacity: 0.6; }

    .slickslider .slick-arrow:before {
      content: "";
      width: 30px;
      height: 30px;
      border-top: 2px solid #1964ff;
      border-right: 2px solid #1964ff;
      position: absolute;
      top: 50%;
      left: 50%;
      }

    .slickslider .slick-prev:before { transform: translate(-50%, -50%) rotate(-135deg); }
    .slickslider .slick-next:before { transform: translate(-50%, -50%) rotate(45deg); }

  .slickslider .slick-dots {
    display: inline-block;
    list-style: none;
    letter-spacing: -.40em;
    text-align: center;
    }

    .slickslider .slick-dots > li {
      display: inline-block;
      letter-spacing: normal;
      vertical-align: top;
      margin: 0 8px;
      line-height: 1;
      }

      .slickslider .slick-dots > li > button {
        background-color: #333;
        width: 60px;
        height: 6px;
        border: none;
        position: relative;
        font-size: 0;
        text-indent: -9999px;
        border-radius: 0;
        transition: 0.2s all ease-out;
        }

      .slickslider .slick-dots > li > button:hover { opacity: 0.6; }

      .slickslider .slick-dots > li.slick-active > button { background-color: #1964ff; }

      .slickslider .slick-dots > li.slick-active > button:hover { opacity: 1; }






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


/**
 * Block
 * -------------------------------
 */

/* -- .sectionBlock00 -- */
#topPage .sectionBlock00 { margin-top: -50px !important; }

#topPage .sectionBlock00 .comments {
  padding-top: 10px;
  margin-top: 10px;
  border-top: 1px solid #000;
  color: #6e6e6e;
  }


/* -- .sectionBlock01 -- */
#topPage .sectionBlock01 .mainInner > .pSectionText01:nth-of-type(1) {
  /* margin-top: -50px !important;
  margin-bottom: 65px;
  line-height: 1.4; */
  }






/**
 * ================================================================================
 * D-Recorder Page Settings
 * ================================================================================
 */


/**
 * Block
 * -------------------------------
 */

/* -- .sectionBlock04 -- */
#d-recorderPage .sectionBlock04 .modeLists { margin-top: -70px; }

  #d-recorderPage .sectionBlock04 .modeLists > li { margin-top: 70px; }
  
    #d-recorderPage .sectionBlock04 .modeLists > li > dl > dt {
      display: inline-block;
      padding-bottom: 5px;
      padding-right: 55px;
      margin-bottom: 20px;
      position: relative;
      }

      #d-recorderPage .sectionBlock04 .modeLists > li > dl > dt:before,
      #d-recorderPage .sectionBlock04 .modeLists > li > dl > dt:after {
        content: "";
        background-color: #262626;
        position: absolute;
        }

      #d-recorderPage .sectionBlock04 .modeLists > li > dl > dt:before {
        width: 100%;
        height: 1px;
        left: 0;
        bottom: 0;
        }

      #d-recorderPage .sectionBlock04 .modeLists > li > dl > dt:after {
        width: 20px;
        height: 1px;
        right: -3px;
        bottom: 7px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        }

      #d-recorderPage .sectionBlock04 .modeLists > li > dl > dt > span {
        display: inline-block;
        /* padding-left: 50px; */
        font-size: 25px;
        font-weight: bold;
        position: relative;
        }

        #d-recorderPage .sectionBlock04 .modeLists > li > dl > dt > span:before {
          content: "";
          background-repeat: no-repeat;
          background-position: 0 0;
          background-size: 100% auto;
          display: none;
          width: 40px;
          height: 34px;
          position: absolute;
          top: 0;
          left: 0;
          }
        #d-recorderPage .sectionBlock04 .modeLists > li:nth-of-type(1) > dl > dt > span:before { background-image: url("/files/cdb/ZZ/products/d-mirror/common/d-recorder/2101/zzproducts_d-mirror_common_d-recorder_sectionblock04-no01.png"); }
        #d-recorderPage .sectionBlock04 .modeLists > li:nth-of-type(2) > dl > dt > span:before { background-image: url("/files/cdb/ZZ/products/d-mirror/common/d-recorder/2101/zzproducts_d-mirror_common_d-recorder_sectionblock04-no02.png"); }
        #d-recorderPage .sectionBlock04 .modeLists > li:nth-of-type(3) > dl > dt > span:before { background-image: url("/files/cdb/ZZ/products/d-mirror/common/d-recorder/2101/zzproducts_d-mirror_common_d-recorder_sectionblock04-no03.png"); }

    #d-recorderPage .sectionBlock04 .modeLists > li > dl > dd {}

      #d-recorderPage .sectionBlock04 .modeLists > li > dl > dd .cntTxt01 { padding: 0 !important; }

      #d-recorderPage .sectionBlock04 .modeLists > li > dl > dd > dl { padding-top: 60px; }

        #d-recorderPage .sectionBlock04 .modeLists > li > dl > dd > dl > dt { display: block; }

        #d-recorderPage .sectionBlock04 .modeLists > li > dl > dd > dl > dd {
          margin-top: 50px;
          position: relative;
          text-align: center;
          }

          #d-recorderPage .sectionBlock04 .modeLists > li > dl > dd > dl > dd > p {
            font-size: 25px;
            font-weight: bold;
            color: #333;
            }

          #d-recorderPage .sectionBlock04 .modeLists > li > dl > dd > dl > dd > ul {
            display: inline-block;
            list-style: none;
            }
          #d-recorderPage .sectionBlock04 .modeLists > li:nth-of-type(2) > dl > dd > dl > dd > ul { width: 800px; }
          #d-recorderPage .sectionBlock04 .modeLists > li:nth-of-type(3) > dl > dd > dl > dd > ul { width: 600px; }

            #d-recorderPage .sectionBlock04 .modeLists > li > dl > dd > dl > dd > ul > li {
              padding-left: 20px;
              text-indent: -20px;
              font-size: 110%;
              font-weight: bold;
              text-align: left;
              line-height: 1.4;
              }

              #d-recorderPage .sectionBlock04 .modeLists > li > dl > dd > dl > dd > ul > li > span {
                background-color: #ff0000;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                width: 20px;
                height: 20px;
                color: #FFF;
                font-size: 90%;
                font-weight: bold;
                border-radius: 1000px;
                text-indent: 0;
                }

#d-recorderPage .sectionBlock04 .noOption {
  margin-top: 120px;
  padding: 0 80px;
  text-align: center;
  }

  #d-recorderPage .sectionBlock04 .noOption > dt { display: block; }

    #d-recorderPage .sectionBlock04 .noOption > dt > span {
      display: inline-block;
      margin-bottom: 30px;
      }

      #d-recorderPage .sectionBlock04 .noOption > dt > span > span:nth-of-type(1) {
        background-color: #1964ff;
        display: inline-block;
        padding: 15px 85px;
        position: relative;
        color: #fff;
        font-size: 44px;
        font-weight: 700;
        letter-spacing: 0.05em;
        border-radius: 15px;
        }

        #d-recorderPage .sectionBlock04 .noOption > dt > span > span:nth-of-type(1):before {
          content: "";
          width: calc(100% - 6px);
          height: calc(100% - 6px);
          border: 3px solid #fff;
          position: absolute;
          top: 3px;
          left: 3px;
          z-index: 10;
          border-radius: 12px;
          box-sizing: border-box;
          }

      #d-recorderPage .sectionBlock04 .noOption > dt > span > span:nth-of-type(2) {
        display: block;
        margin-top: 5px;
        font-size: 17px;
        text-align: right;
        }

  #d-recorderPage .sectionBlock04 .noOption > dd {}
    
    #d-recorderPage .sectionBlock04 .noOption > dd > p:nth-of-type(2) {
      margin-top: 10px;
      font-size: 25px;
      font-weight: 500;
      }

#d-recorderPage .sectionBlock04 .lvOff { margin-top: 90px; }

  #d-recorderPage .sectionBlock04 .lvOff > dt {
    display: block;
    position: relative;
    }

    #d-recorderPage .sectionBlock04 .lvOff > dt > span {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 227px;
      height: 56px;
      background-image: url("/files/cdb/ZZ/products/d-mirror/common/d-recorder/2312/zzproducts_d-mirror_common_d-recorder_sectionblock04-lvoff-ttl-bg.svg");
      color: #fff;
      font-size: 3.1rem;
      font-weight: 700;
      }

  #d-recorderPage .sectionBlock04 .lvOff > dd {
    padding: 25px 30px;
    border: 2px solid #000;
    }

    #d-recorderPage .sectionBlock04 .lvOff > dd > dl { margin-top: 50px; }

    #d-recorderPage .sectionBlock04 .lvOff > dd > dl:nth-of-type(1) { margin-top: 0; }

      #d-recorderPage .sectionBlock04 .lvOff > dd > dl > dt {
        display: block;
        padding-bottom: 5px;
        margin-bottom: 25px;
        border-bottom: 1px solid #000;
        font-size: 3.0rem;
        font-weight: 700;
        }

      #d-recorderPage .sectionBlock04 .lvOff > dd > dl > dd { font-size: 2.2rem; }

        #d-recorderPage .sectionBlock04 .lvOff > dd > dl > dd p { font-weight: 500; }

        #d-recorderPage .sectionBlock04 .lvOff > dd > dl:nth-of-type(2) > dd > dl { display: flex; }

          #d-recorderPage .sectionBlock04 .lvOff > dd > dl:nth-of-type(2) > dd > dl > dt {
            display: block;
            width: 437px;
            }

          #d-recorderPage .sectionBlock04 .lvOff > dd > dl:nth-of-type(2) > dd > dl > dd { flex: 1; }

            #d-recorderPage .sectionBlock04 .lvOff > dd > dl:nth-of-type(2) > dd > dl > dd .p-caution {
              font-size: 1.8rem;
              font-weight: 400;
              }

            #d-recorderPage .sectionBlock04 .lvOff > dd > dl:nth-of-type(2) > dd > dl > dd > dl {
              display: flex; 
              margin-top: 15px;
              }

              #d-recorderPage .sectionBlock04 .lvOff > dd > dl:nth-of-type(2) > dd > dl > dd > dl > dt {
                display: block;
                width: 120px;
                font-weight: 500;
                }

              #d-recorderPage .sectionBlock04 .lvOff > dd > dl:nth-of-type(2) > dd > dl > dd > dl > dd { flex: 1; }


/* -- .sectionBlock06 -- */
#d-recorderPage .sectionBlock06 .dlBlock > dt {
  background-color: #b2b2b2;
  padding: 10px;
  margin-top: 5px;
  color: #FFF;
  font-size: 25px;
  text-align: center;
  line-height: 1.4;
  }

  #d-recorderPage .sectionBlock06 .dlBlock > dt > span { font-size: 80%; }







/**
 * ================================================================================
 * D-Mirror Page Settings
 * ================================================================================
 */


/**
 * Block
 * -------------------------------
 */

/* -- Common -- */
#d-mirrorPage .sectionBlock .posAbsolute {
  top: -5px;
  right: 0;
  }


/* -- .sectionBlock02 -- */
#d-mirrorPage .sectionBlock02 .posAbsolute { text-align: right; }

  #d-mirrorPage .sectionBlock02 .posAbsolute img { width: 200px; }
  #d-mirrorPage .sectionBlock02 .posAbsolute img.dm-dvrdm1000aic-c-disInlineblock.dm-dvrdm1000aoc-c-disInlineblock { width: 160px; }
  
  #d-mirrorPage .sectionBlock02 .posAbsolute > span {
    display: block;
    margin-top: 20px;
    font-size: 15px;
    text-align: right;
    }


/* -- .sectionBlock04 -- */
#d-mirrorPage .sectionBlock04 .slickslider { position: relative; }

  #d-mirrorPage .sectionBlock04 .slickslider .slick-list { /* overflow: visible !important; */ }

  #d-mirrorPage .sectionBlock04 .slickslider .slick-dots {
    position: absolute;
    top: 50%;
    right: 80px;
    transform: translateY(-50%);
    }

    #d-mirrorPage .sectionBlock04 .slickslider .slick-dots > li > button {
      background-color: transparent;
      width: 70px;
      height: 70px;
      position: relative;
      }

      #d-mirrorPage .sectionBlock04 .slickslider .slick-dots > li > button:before,
      #d-mirrorPage .sectionBlock04 .slickslider .slick-dots > li > button:after {
        content: "";
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: 100% auto;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        }

      #d-mirrorPage .sectionBlock04 .slickslider .slick-dots > li > button:after { display: none; }
      #d-mirrorPage .sectionBlock04 .slickslider .slick-dots > li.slick-active > button:after { display: block; }

      #d-mirrorPage .sectionBlock04 .slickslider .slick-dots > li:nth-of-type(1) > button:before { background-image: url("/files/cdb/ZZ/products/d-mirror/common/d-mirror/2111/zzproducts_d-mirror_common_d-mirror_sectionblock04-icon01.svg"); }
      #d-mirrorPage .sectionBlock04 .slickslider .slick-dots > li:nth-of-type(2) > button:before { background-image: url("/files/cdb/ZZ/products/d-mirror/common/d-mirror/2111/zzproducts_d-mirror_common_d-mirror_sectionblock04-icon02.svg"); }
      #d-mirrorPage .sectionBlock04 .slickslider .slick-dots > li:nth-of-type(1) > button:after { background-image: url("/files/cdb/ZZ/products/d-mirror/common/d-mirror/2111/zzproducts_d-mirror_common_d-mirror_sectionblock04-icon01-active.svg"); }
      #d-mirrorPage .sectionBlock04 .slickslider .slick-dots > li:nth-of-type(2) > button:after { background-image: url("/files/cdb/ZZ/products/d-mirror/common/d-mirror/2111/zzproducts_d-mirror_common_d-mirror_sectionblock04-icon02-active.svg"); }

  #d-mirrorPage .sectionBlock04 .slickslider .slickslider01 { color: #fff; }
  #d-mirrorPage .sectionBlock04 .slickslider .slickslider02 { color: #333; }

  #d-mirrorPage .sectionBlock04 .slickslider .slicksliderInner { padding-right: 50px; }

    #d-mirrorPage .sectionBlock04 .slickslider .slicksliderInner:before {
      content: "";
      background-color: #000;
      width: 100%;
      height: 100%;
      position: absolute;
      z-index: -1;
      top: 0;
      right: 0;
      }

    #d-mirrorPage .sectionBlock04 .slickslider .slickslider01:before { background-color: #000; }
    #d-mirrorPage .sectionBlock04 .slickslider .slickslider02:before { background-color: #fff0c8; }

  #d-mirrorPage .sectionBlock04 .slickslider .slicksliderInner .slicksliderDlist {
    min-height: 385px;
    padding: 65px 0 55px 0;
    position: relative;
    /* overflow: hidden; */
    }

    #d-mirrorPage .sectionBlock04 .slickslider .slicksliderInner .slicksliderDlist > p {
      width: 100%;
      height: 100%;
      padding-top: 55px;
      position: absolute;
      top: 0;
      right: 255px;
      z-index: -1;
      overflow: hidden;
      }

      #d-mirrorPage .sectionBlock04 .slickslider .slickslider01 .slicksliderDlist > p:before {
        content: "";
        background: -webkit-radial-gradient(center, ellipse cover,  rgba(25,100,255,0.7) 0%,rgba(25,100,255,0) 50%);
        background: radial-gradient(ellipse at center,  rgba(25,100,255,0.7) 0%,rgba(25,100,255,0) 50%);
        width: 1000px;
        height: 1000px;
        position: absolute;
        top: 50%;
        left: 60%;
        z-index: -1;
        border-radius: 10000px;
        transform: translate(-50%, -50%);
        }

      #d-mirrorPage .sectionBlock04 .slickslider .slicksliderInner .slicksliderDlist > p > span {
        display: block;
        text-align: right;
        }

        #d-mirrorPage .sectionBlock04 .slickslider .slicksliderInner .slicksliderDlist > p > span img {
          float: right;
          width: calc(1260px * 0.75);
          max-width: calc(1260px * 0.75);
          }

    #d-mirrorPage .sectionBlock04 .slickslider .slicksliderInner .slicksliderDlist > dd {
      width: 100%;
      padding-top: 120px;
      text-align: right;
      }

      #d-mirrorPage .sectionBlock04 .slickslider .slicksliderInner .slicksliderDlist > dd .slicksliderDlistTtl { margin-bottom: 15px; }

        #d-mirrorPage .sectionBlock04 .slickslider .slicksliderInner .slicksliderDlist > dd .slicksliderDlistTtl > span {
          display: block;
          font-size: 21px;
          font-weight: 700;
          }

        #d-mirrorPage .sectionBlock04 .slickslider .slicksliderInner .slicksliderDlist > dd .slicksliderDlistTxt { font-size: 13px; }


/* -- .sectionBlock06 -- */
#d-mirrorPage .sectionBlock06 .posAbsolute img { width: 176px; }

#d-mirrorPage .sectionBlock06 .dlBlock > dd {
  margin-bottom: 40px;
  
  font-size: 26px;
  text-align: center;
  line-height: 1.6;
  }

  #d-mirrorPage .sectionBlock06 .column02 .dlBlock > dd > dl > dt {
    background-color: #30adef;
    display: block;
    margin-bottom: 25px;
    color: #FFF;
    font-weight: bold;
    border-radius: 1000px;
    }
  #d-mirrorPage .sectionBlock06 .column02:nth-last-of-type(1) .dlBlock > dd > dl > dt { background-color: #2c5abd; }

  #d-mirrorPage .sectionBlock06 .column02 .dlBlock > dd > dl > dd {
    display: inline-block;
    text-align: left;
    }

    #d-mirrorPage .sectionBlock06 .column02 .dlBlock > dd > dl > dd > p > span { color: #30adef; }
    #d-mirrorPage .sectionBlock06 .column02:nth-last-of-type(1) .dlBlock > dd > dl > dd > p > span { color: #2c5abd; }


/* -- .sectionBlock07 -- */
#d-mirrorPage .sectionBlock07 .posAbsolute img { width: 200px; }

#d-mirrorPage .sectionBlock07 .column02 .dlBlock > dt {
  background-color: #999;
  padding: 15px;
  color: #FFF;
  font-size: 28px;
  text-align: center;
  }
#d-mirrorPage .sectionBlock07 .column02:nth-of-type(1) > .dlBlock > dt { background-color: #1964ff; }


/* -- .sectionBlock08 -- */
#d-mirrorPage .sectionBlock08 .column02 .dlBlock > dt {
  background-color: #999;
  padding: 15px;
  color: #FFF;
  font-size: 28px;
  text-align: center;
  }
#d-mirrorPage .sectionBlock08 .column02:nth-of-type(1) > .dlBlock > dt { background-color: #1964ff; }


/* -- .sectionBlock09 -- */
#d-mirrorPage .sectionBlock09 .slickslider { text-align: center; }

  #d-mirrorPage .sectionBlock09 .slickslider img { border: 1px solid #1964ff; }

  #d-mirrorPage .sectionBlock09 .slickslider .slick-dots {
    background-color: #282828;
    margin-top: 40px;
    padding: 8px 0;
    border-radius: 12px;
    position: relative;
    }

    #d-mirrorPage .sectionBlock09 .slickslider .slick-dots:before {
      content: "リアスモーク設定";
      display: inline-block;
      font-size: 25px;
      font-weight: 700;
      position: absolute;
      top: 50%;
      left: -85%;
      letter-spacing: normal;
      transform: translateY(-50%);
      }

      #d-mirrorPage .sectionBlock09 .slickslider .slick-dots > li > button {
        background-color: transparent;
        width: 82px;
        height: 37px;
        border-radius: 6px;
        position: relative;
        }

      #d-mirrorPage .sectionBlock09 .slickslider .slick-dots > li.slick-active > button { background-color: #d26e00; }

        #d-mirrorPage .sectionBlock09 .slickslider .slick-dots > li > button:before {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 82px;
          height: 37px;
          position: absolute;
          top: 0;
          left: 0;
          color: #fff;
          font-size: 26px;
          text-align: center;
          text-indent: 0;
          }
        #d-mirrorPage .sectionBlock09 .slickslider .slick-dots > li:nth-of-type(1) > button:before { content: "無し"; }
        #d-mirrorPage .sectionBlock09 .slickslider .slick-dots > li:nth-of-type(2) > button:before { content: "薄い"; }
        #d-mirrorPage .sectionBlock09 .slickslider .slick-dots > li:nth-of-type(3) > button:before { content: "濃い"; }


/* -- .sectionBlock010 -- */
#d-mirrorPage .sectionBlock10 video {
  display: inline-block;
  width: 104%;
  margin-left: -2%
  }


/* -- .sectionBlock011 -- */
#d-mirrorPage .sectionBlock11 .posAbsolute { right: 200px; }

  #d-mirrorPage .sectionBlock11 .posAbsolute img { width: 129px; }





/**
 * ================================================================================
 * Other Settings
 * ================================================================================
 */

/* -- Font Color -- */
.fcBlue { color: #1964ff !important; }


/* -- Border -- */
.borBlue { border: 1px solid #1964ff !important; }
.borTBlack { border-top: 1px solid #000 !important; }








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

/**
 * ================================================================================
 * Top Page Settings
 * ================================================================================
 */
  
  
/**
 * Product Main Visual Area
 * -------------------------------
 */

  .productMvArea .explanationBox01 {
    top: calc(395px * (1280 / 1700));
    left: calc(250px * (1280 / 1700));
    }
  .productMvArea .explanationBox01.caution { top: calc(350px * (1280 / 1700)); }

    .productMvArea .explanationBox01 .productDetail01 li { margin-left: calc(10px * (1280 / 1700)); }

    .productMvArea .explanationBox01 .productDetail01 .btnType07 { font-size: calc(14px * (1280 / 1700)); }

      .productMvArea .explanationBox01 .productDetail01 .btn a { padding: calc(10px * (1280 / 1700)) calc(25px * (1280 / 1700)); }

        .productMvArea .explanationBox01 .productDetail01 .btn a img {
          margin-top: calc(-3px (1280 / 1700));
          height: calc(13px * (1280 / 1700));
          }

    .productMvArea .explanationBox01 .productDetail01 .link { padding-left: calc(40px * (1280 / 1700)); }

      .productMvArea .explanationBox01 .productDetail01 .link a { padding: calc(10px * (1280 / 1700)) calc(40px * (1280 / 1700)) calc(10px * (1280 / 1700)) calc(20px * (1280 / 1700)); }

        .productMvArea .explanationBox01 .productDetail01 .link a:before {
          width: calc(6px * (1280 / 1700));
          height: calc(6px * (1280 / 1700));
          }

  .productMvArea .cautionText {
    top: calc(410px * (1280 / 1700));
    left: calc(250px * (1280 / 1700));
    font-size: calc(14px * (1280 / 1700));
    }
  
  .productMvArea .cautionText02 {
    bottom: calc(30px * (1280 / 1700));
    left: calc(250px * (1280 / 1700));
    font-size: calc(14px * (1280 / 1700));
    }
  
  
}








@media only screen and (min-width: 0px) and (max-width: 767px) {
  
  
/**
 * ================================================================================
 * Common Settings
 * ================================================================================
 */
  

/* -- Layout -- */
main { padding-top: 0; }

.mainContent { padding-top: 50px; }


/* -- Font -- */
.mainContent { font-size: 1.3rem; }
  
  
  
  
  
  
/**
 * ================================================================================
 * Parts Settings
 * ================================================================================
 */


/**
 * Button
 * -------------------------------
 */

/* -- .btn01 -- */
.btn01 > a { padding: 10px 60px; }

  .btn01 > a:after {
    content: "";
    width: calc(14px * 0.6);
    height: calc(14px * 0.6);
    border-top-width: 2px;
    border-right-width: 2px;
    right: calc(35px * 0.6);
    }

  .btn01 > a > span { font-size: 1.4rem; }


/* -- Color -- */
.btn01 .btn01ColorBlue {
  background-color: #073cb4;
  border: 2px solid #fff;
  }


/* -- Icon -- */
.btn01 .btn01IconPdf {}

  .btn01 .btn01IconPdf:after {
    width: calc(14px * 1.4);
    height: calc(16px * 1.4);
    right: calc(15px * 1.2);
    }






/**
 * ================================================================================
 * Module Settings
 * ================================================================================
 */


/**
 * Product Main Visual Area
 * -------------------------------
 */

.productMvArea { padding-bottom: 40px; }

  .productMvArea > h1 {}

  .productMvArea .explanationBox01 {
    margin-top: 40px;
    padding: 0 15px;
    position: static;
    }

    .productMvArea .explanationBox01 .productDetail01 { margin-top: 0; }

      .productMvArea .explanationBox01 .productDetail01 li { margin-left: 0; }

      .productMvArea .explanationBox01 .productDetail01 .btnType07 {
        display: block;
        float: none;
        font-size: 1.4rem;
        text-align: center;
        }

      .productMvArea .explanationBox01 .productDetail01 .btn {
        float: none;
        }
     
        .productMvArea .explanationBox01 .productDetail01 .btn a { padding: 8px 15px; }

          .productMvArea .explanationBox01 .productDetail01 .btn a img {
            margin-top: -3px;
            width: auto;
            height: 12px;
            }

      .productMvArea .explanationBox01 .productDetail01 .link {
        padding-left: 0;
        margin-top: 10px;
        }

        .productMvArea .explanationBox01 .productDetail01 .link a { padding: 8px 15px; }

          .productMvArea .explanationBox01 .productDetail01 .link a:before {
            width: 6px;
            height: 6px;
            }
  
  .productMvArea .cautionText {
    margin-top: 20px;
    padding: 0 15px;
    position: static;
    font-size: 10px;
    }
  
  .productMvArea .cautionText02 {
    margin-top: 20px;
    padding: 0 15px;
    position: static;
    font-size: 10px;
    }
  
  .productMvArea .cautionText + .cautionText02 { margin-top: 10px; }



/**
 * Product Tab Area
 * -------------------------------
 */
  
#productTabArea { margin-top: 15px; }

  #productTabArea > ul {}

    #productTabArea > ul > li { border-right: 1px solid #414345; }

      #productTabArea > ul > li > a {
        padding: 12px 0;
        font-size: 1.1rem;
        }
  
      #productTabArea > ul > li:nth-child(3n+3) { border-right: 1px solid #414345; }
      #productTabArea > ul > li:nth-child(2n+2) { border-right: none; }
  
        #productTabArea > ul > li:nth-child(n+3) > a { border-top: none; }
  
  
  
/**
 * Slickslider
 * -------------------------------
 */
  
.slickslider {}

  .slickslider .slick-arrow {
    width: 30px;
    height: 30px;
    }

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

  .slickslider .slick-arrow:hover { opacity: 1; }

    .slickslider .slick-arrow:before {
      width: 15px;
      height: 15px;
      }

  .slickslider .slick-dots {}

    .slickslider .slick-dots > li { margin: 0 4px; }

      .slickslider .slick-dots > li > button {
        width: 30px;
        height: 4px;
        }

      .slickslider .slick-dots > li > button:hover { opacity: 1; }
  
  
  
  
  
  
  
/**
 * ================================================================================
 * Top Page Settings
 * ================================================================================
 */


/**
 * Block
 * -------------------------------
 */
  
/* -- .sectionBlock00 -- */
#topPage .sectionBlock00 { margin-top: -25px !important; }
  
#topPage .sectionBlock00 .comments {
  padding-top: 5px;
  margin-top: 5px;
  }

  
/* -- .sectionBlock01 -- */
#topPage .sectionBlock01 .mainInner > .pSectionText01:nth-of-type(1) {
  /* margin-top: -25px !important;
  margin-bottom: 35px; */
  }


  
  
  
  
/**
 * ================================================================================
 * D-Recorder Page Settings
 * ================================================================================
 */


#d-recorderPage .sectionBlock04 .modeLists { margin-top: -30px !important; }

#d-recorderPage .sectionBlock04 .modeLists > li { margin-top: 30px !important; }

  #d-recorderPage .sectionBlock04 .modeLists > li > dl > dt {
    padding-bottom: 3px;
    padding-right: 25px;
    margin-bottom: 10px;
    }

    #d-recorderPage .sectionBlock04 .modeLists > li > dl > dt:after {
      width: 10px;
      right: -1px;
      bottom: 3.5px;
      }

    #d-recorderPage .sectionBlock04 .modeLists > li > dl > dt > span {
      /* padding-left: 30px; */
      font-size: 16px;
      }

      #d-recorderPage .sectionBlock04 .modeLists > li > dl > dt > span:before {
        width: 24px;
        height: 20px;
        }

  #d-recorderPage .sectionBlock04 .modeLists > li > dl > dd {}

    #d-recorderPage .sectionBlock04 .modeLists > li > dl > dd > dl { padding-top: 20px; }

      #d-recorderPage .sectionBlock04 .modeLists > li > dl > dd > dl > dd { margin-top: 15px; }

        #d-recorderPage .sectionBlock04 .modeLists > li > dl > dd > dl > dd > p { font-size: 14px; }
  
          #d-recorderPage .sectionBlock04 .modeLists > li:nth-of-type(2) > dl > dd > dl > dd > ul,
          #d-recorderPage .sectionBlock04 .modeLists > li:nth-of-type(3) > dl > dd > dl > dd > ul { width: 100%; }

            #d-recorderPage .sectionBlock04 .modeLists > li > dl > dd > dl > dd > ul > li {
              padding-left: 16px;
              text-indent: -16px;
              }

              #d-recorderPage .sectionBlock04 .modeLists > li > dl > dd > dl > dd > ul > li > span {
                width: 16px;
                height: 16px;
                }
  
#d-recorderPage .sectionBlock04 .noOption {
  margin-top: 55px;
  padding: 0;
  }

  #d-recorderPage .sectionBlock04 .noOption > dt { display: block; }
  
    #d-recorderPage .sectionBlock04 .noOption > dt > span { margin-bottom: 15px; }

      #d-recorderPage .sectionBlock04 .noOption > dt > span > span:nth-of-type(1) {
        padding: 5px 20px;
        font-size: 16px;
        border-radius: 8px;
        }

        #d-recorderPage .sectionBlock04 .noOption > dt > span > span:nth-of-type(1):before {
          width: calc(100% - 2px);
          height: calc(100% - 2px);
          border: 1px solid #fff;
          top: 1px;
          left: 1px;
          border-radius: 6px;
          }
  
      #d-recorderPage .sectionBlock04 .noOption > dt > span > span:nth-of-type(2) {
        margin-top: 3px;
        font-size: 10px;
        text-align: center;
        }

  #d-recorderPage .sectionBlock04 .noOption > dd {}
    
    #d-recorderPage .sectionBlock04 .noOption > dd > p:nth-of-type(2) {
      margin-top: 5px;
      font-size: 12px;
      }
  
#d-recorderPage .sectionBlock04 .lvOff { margin-top: 35px; }

  #d-recorderPage .sectionBlock04 .lvOff > dt {}

    #d-recorderPage .sectionBlock04 .lvOff > dt > span {
      width: calc(227px * 0.5);
      height: calc(56px * 0.5);
      font-size: 1.6rem;
      }

  #d-recorderPage .sectionBlock04 .lvOff > dd {
    padding: 15px;
    border-width: 1px;
    }

    #d-recorderPage .sectionBlock04 .lvOff > dd > dl { margin-top: 20px; }

      #d-recorderPage .sectionBlock04 .lvOff > dd > dl > dt {
        padding-bottom: 3px;
        margin-bottom: 10px;
        font-size: 1.4rem;
        }

      #d-recorderPage .sectionBlock04 .lvOff > dd > dl > dd { font-size: 1.2rem; }

        #d-recorderPage .sectionBlock04 .lvOff > dd > dl:nth-of-type(2) > dd > dl { display: block; }

          #d-recorderPage .sectionBlock04 .lvOff > dd > dl:nth-of-type(2) > dd > dl > dt { width: 100%; }

          #d-recorderPage .sectionBlock04 .lvOff > dd > dl:nth-of-type(2) > dd > dl > dd { margin-bottom: 15px; }

            #d-recorderPage .sectionBlock04 .lvOff > dd > dl:nth-of-type(2) > dd > dl > dd .p-caution { font-size: 1.0rem; }

            #d-recorderPage .sectionBlock04 .lvOff > dd > dl:nth-of-type(2) > dd > dl > dd > dl { margin-top: 10px; }

              #d-recorderPage .sectionBlock04 .lvOff > dd > dl:nth-of-type(2) > dd > dl > dd > dl > dt { width: 70px; }
  
  
/* -- .sectionBlock06 -- */
#d-recorderPage .sectionBlock06 .dlBlock > dt {
  padding: 5px;
  margin-top: 3px;
  font-size: 15px;
  }

  
  
  
  
  
/**
 * ================================================================================
 * D-Mirror Page Settings
 * ================================================================================
 */


/**
 * Block
 * -------------------------------
 */
  
/* -- Common -- */
#d-mirrorPage .sectionBlock .posAbsolute {
  margin-top: 15px;
  margin-bottom: 15px;
  }

  
/* -- .sectionBlock02 -- */
#d-mirrorPage .sectionBlock02 .posAbsolute { text-align: left; }
  
  #d-mirrorPage .sectionBlock02 .posAbsolute img { width: calc(100vw * (200 / 640)); }
  #d-mirrorPage .sectionBlock02 .posAbsolute img.dm-dvrdm1000aic-c-disInlineblock.dm-dvrdm1000aoc-c-disInlineblock { width: calc(100vw * (160 / 640)); }
  
  #d-mirrorPage .sectionBlock02 .posAbsolute > span {
    margin-top: 10px;
    font-size: 10px;
    text-align: left;
    }
  
  
/* -- .sectionBlock04 -- */
#d-mirrorPage .sectionBlock04 .slickslider {}
  
  #d-mirrorPage .sectionBlock04 .slickslider .slicksliderInner { padding-right: 0; }

    #d-mirrorPage .sectionBlock04 .slickslider .slick-list {}

    #d-mirrorPage .sectionBlock04 .slickslider .slick-dots {
      position: absolute;
      top: calc(100vw * (110 / 640) * 0.3);
      right: auto;
      left: 50%;
      transform: translate(-50%, 0);
      }

      #d-mirrorPage .sectionBlock04 .slickslider .slick-dots > li > button {
        width: 40px;
        height: 40px;
        }

      #d-mirrorPage .sectionBlock04 .slickslider .slicksliderInner:before { right: 0; }

    #d-mirrorPage .sectionBlock04 .slickslider .slicksliderInner .slicksliderDlist {
      width: 100%;
      min-height: calc(100vw * (395 / 640) * 0.75);
      padding: 20px 0 10px 0;
      overflow: hidden;
      }

      #d-mirrorPage .sectionBlock04 .slickslider .slicksliderInner .slicksliderDlist > p {
        width: 100%;
        /* padding-top: 20px; */
        position: static;
        }

        #d-mirrorPage .sectionBlock04 .slickslider .slickslider01 .slicksliderDlist > p:before {
          width: calc(100vw * (1000 / 640));
          height: calc(100vw * (1000 / 640));
          top: 100%;
          left: 50%;
          }

        #d-mirrorPage .sectionBlock04 .slickslider .slicksliderInner .slicksliderDlist > p > span {
          display: block;
          text-align: right;
          }

          #d-mirrorPage .sectionBlock04 .slickslider .slicksliderInner .slicksliderDlist > p > span img {
            float: none;
            width: 100%;
            max-width: 100%;
            }

      #d-mirrorPage .sectionBlock04 .slickslider .slicksliderInner .slicksliderDlist > dd {
        width: 100%;
        padding-top: 0;
        padding-bottom: 50px;
        text-align: center;
        }

        #d-mirrorPage .sectionBlock04 .slickslider .slicksliderInner .slicksliderDlist > dd .slicksliderDlistTtl { margin-bottom: 10px; }

          #d-mirrorPage .sectionBlock04 .slickslider .slicksliderInner .slicksliderDlist > dd .slicksliderDlistTtl > span { font-size: 14px; }

          #d-mirrorPage .sectionBlock04 .slickslider .slicksliderInner .slicksliderDlist > dd .slicksliderDlistTxt { font-size: 12px; }


/* -- .sectionBlock06 -- */
#d-mirrorPage .sectionBlock06 .posAbsolute img { width: calc(100vw * (200 / 640)); }
  
#d-mirrorPage .sectionBlock06 .dlBlock > dd {
  margin-bottom: 15px;
  font-size: 13px;
  }

  #d-mirrorPage .sectionBlock06 .column02 .dlBlock > dd > dl > dt {
    padding: 1px;
    margin-bottom: 10px;
    }


/* -- .sectionBlock07 -- */
#d-mirrorPage .sectionBlock07 .posAbsolute img { width: calc(100vw * (180 / 640)); }
  
#d-mirrorPage .sectionBlock07 .column02 .dlBlock > dt {
  padding: 5px;
  font-size: 15px;
  }


/* -- .sectionBlock08 -- */
#d-mirrorPage .sectionBlock08 .column02 .dlBlock > dt {
  padding: 5px;
  font-size: 15px;
  }
  
  
/* -- .sectionBlock09 -- */
#d-mirrorPage .sectionBlock09 .slickslider {}
  
  #d-mirrorPage .sectionBlock09 .slickslider .slick-dots {
    margin-top: 35px;
    padding: 4px 0;
    border-radius: 6px;
    }

    #d-mirrorPage .sectionBlock09 .slickslider .slick-dots:before {
      width: 100%;
      font-size: 13px;
      margin-top: -30px;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      }

      #d-mirrorPage .sectionBlock09 .slickslider .slick-dots > li > button {
        width: 40px;
        height: 20px;
        border-radius: 3px;
        }

        #d-mirrorPage .sectionBlock09 .slickslider .slick-dots > li > button:before {
          width: 40px;
          height: 20px;
          font-size: 13px;
          }
  
  
/* -- .sectionBlock010 -- */
#d-mirrorPage .sectionBlock10 {}


/* -- .sectionBlock011 -- */
#d-mirrorPage .sectionBlock11 .posAbsolute img { width: calc(100vw * (129 / 640)); }
  

  
}