@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;600&display=swap');


/**
 * Display Audio Common Style
 * ================================================================================
 * Table of Contents:
 *
 * Common Settings
 * Parts Settings
 * Module Settings
 * Other Settings
 * Lineup Page Settings
 * Features Page Settings
 * Functions Page Settings
 * ================================================================================
 */








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

/* -- Layout -- */
.c-mainContent { margin-top: 80px; }

.otherLink { margin-top: 0; }


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


/* -- Link -- */
.c-mainContent a {
  color: #1873dc;
  text-decoration: none;
  }






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


/* -- Font Family -- */
.da-c-ffPoppins { font-family: "Poppins", sans-serif !important; }






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

/**
 * Comments
 * -------------------------------
 */

.p-comments,
.p-caption { color: #555; }



/**
 * Title
 * -------------------------------
 */

.da-p-ttl {
  display: block;
  margin-bottom: 50px;
  text-align: center;
  position: relative;
  z-index: 1;
  }

  .da-p-ttl:before {
    content: "";
    background-color: #bdbdbd;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: -1;
    }

  .da-p-ttl > span {
    background-color: #fff;
    display: inline-block;
    padding: 0 30px;
    color: #3c3c3c;
    font-size: 2.7rem;
    font-weight: bold;
    }

    .da-p-ttl > span .da-p-ttlUline {
      display: inline;
      font-weight: bold;
      }

    .da-p-ttl > span .da-p-ttlUline.da-p-ttlUlineColorYellow { background: linear-gradient(transparent 65%, #fff500 0%); }

.da-p-ttl02 {
  background-color: #ececec;
  display: block;
  padding: 10px;
  margin-bottom: 30px;
  text-align: center;
  }

  .da-p-ttl02 > span {
    display: inline-block;
    color: #555555;
    font-weight: bold;
    line-height: 1.4;
    }



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

/* -- .da-p-btns -- */
.da-p-btns {}

  .da-p-btn { min-width: 540px; }


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

  .da-p-btn > a:after,
  .da-p-btn > a:before {
    content: "";
    position: absolute;
    top: 50%;
    }

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

  .da-p-btn > a > span {
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1.4;
    }


/* -- Color -- */
.da-p-btn .da-p-btnColorBlue {
  background: -webkit-linear-gradient(top,  rgba(231,237,248,1) 0%,rgba(255,255,255,1) 100%);
  background: linear-gradient(to bottom,  rgba(231,237,248,1) 0%,rgba(255,255,255,1) 100%);
  border: 2px solid #668dd2;
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.6);
  }

  .da-p-btn .da-p-btnColorBlue:after {
    border-top-color: #0041b4;
    border-right-color: #0041b4;
    }

  .da-p-btn .da-p-btnColorBlue > span { color: #0041b4; }

.da-p-btn .da-p-btnColorGray {
  background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%);
  background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%);
  border: 2px solid #969696;
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.6);
  }

  .da-p-btn .da-p-btnColorGray:after {
    border-top-color: #505050;
    border-right-color: #505050;
    }

  .da-p-btn .da-p-btnColorGray > span { color: #505050; }

.da-p-btn .da-p-btnColorBlack {
  background: -webkit-linear-gradient(top,  rgba(36,36,60,1) 0%,rgba(70,70,90,1) 100%);
  background: linear-gradient(to bottom,  rgba(36,36,60,1) 0%,rgba(70,70,90,1) 100%);
  border: 2px solid #000;
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.6);
  }

  .da-p-btn .da-p-btnColorBlack:after {
    border-top-color: #fff;
    border-right-color: #fff;
    }

  .da-p-btn .da-p-btnColorBlack > span { color: #fff; }


/* -- Icon -- */
.da-p-btn .da-p-btnIconBlank {}

  .da-p-btn .da-p-btnIconBlank:before,
  .da-p-btn .da-p-btnIconBlank:after {
    width: 24px;
    height: 1px;
    border: none;
    right: 24px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    }

  .da-p-btn .da-p-btnIconBlank:before {}

  .da-p-btn .da-p-btnIconBlank:after {
    -webkit-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
    }

.da-p-btn .da-p-btnColorBlue.da-p-btnIconBlank:before,
.da-p-btn .da-p-btnColorBlue.da-p-btnIconBlank:after { background-color: #0041b4; }
.da-p-btn .da-p-btnColorGray.da-p-btnIconBlank:before,
.da-p-btn .da-p-btnColorGray.da-p-btnIconBlank:after { background-color: #505050; }
.da-p-btn .da-p-btnColorBlack.da-p-btnIconBlank:before,
.da-p-btn .da-p-btnColorBlack.da-p-btnIconBlank:after { background-color: #fff; }

.da-p-btn .da-p-btnIconPdf {}

  .da-p-btn .da-p-btnIconPdf:after {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100% auto;
    width: 21px;
    height: 26px;
    border: none;
    right: 24px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    }

.da-p-btn .da-p-btnColorBlue.da-p-btnIconPdf:after { background-image: url("/files/cdb/ZZ/products/displayaudio/common/2205/zz_products_displayaudio_common_icon-pdf-bl.svg"); }
.da-p-btn .da-p-btnColorGray.da-p-btnIconPdf:after { background-image: url("/files/cdb/ZZ/products/displayaudio/common/2205/zz_products_displayaudio_common_icon-pdf-gy.svg"); }
.da-p-btn .da-p-btnColorBlack.da-p-btnIconPdf:after { background-image: url("/files/cdb/ZZ/products/displayaudio/common/2205/zz_products_displayaudio_common_icon-pdf-bk.svg"); }


/* -- ApnStore -- */
.da-p-btn.da-p-btnApnstore > a {
  padding-top: 10px;
  padding-bottom: 10px;
  }

  .da-p-btn.da-p-btnApnstore > a > span > span:nth-of-type(1) {
    display: block;
    padding-top: 5px;
    font-size: 1.5rem;
    font-weight: normal;
    }

    .da-p-btn.da-p-btnApnstore > a > span > span:nth-of-type(1) img {
      display: inline-block;
      width: 138px;
      margin-top: -5px;
      margin-right: 10px;
      }

  .da-p-btn.da-p-btnApnstore > a > span > span:nth-of-type(2) {
    display: inline-block;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #0041b4;
    font-size: 1.8rem;
    font-weight: bold;
    }


/* -- App -- */
.da-p-btn.da-p-btnApp { min-width: 420px; }

  .da-p-btn.da-p-btnApp > a {
    background-color: #2f81df;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 0;
    border-bottom: 5px solid #1954b8;
    }

    .da-p-btn.da-p-btnApp > a:before,
    .da-p-btn.da-p-btnApp > a:after {
      content: "";
      width: 12px;
      height: 12px;
      border-top: 1px solid #fff;
      border-right: 1px solid #fff;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%) rotate(45deg);
      transform: translateY(-50%) rotate(45deg);
      }

    .da-p-btn.da-p-btnApp > a:before { right: 28px; }
    .da-p-btn.da-p-btnApp > a:after { right: 20px; }

    .da-p-btn.da-p-btnApp > a > span {
      color: #fff;
      font-size: 1.6rem;
      text-decoration: underline;
      }



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

.da-p-linkYoutube { text-align: center; }

  .da-p-linkYoutube > a {
    display: inline-block;
    color: #222;
    }

  .da-p-linkYoutube dl {
    display: inline-block;
    padding-left: 100px;
    position: relative;
    text-align: left;
    line-height: 1.4;
    }

    .da-p-linkYoutube dl:before {
      content: "";
      background-image: url("/files/cdb/ZZ/products/displayaudio/common/2205/zz_products_displayaudio_common_icon-youtube.svg");
      background-repeat: no-repeat;
      background-size: 100% auto;
      width: 80px;
      height: 80px;
      position: absolute;
      top: 50%;
      left: 0;
      transform: translateY(-50%);
      }

    .da-p-linkYoutube dl > dt {
      display: block;
      margin-bottom: 8px;
      font-size: 1.2rem;
      }

    .da-p-linkYoutube dl > dd {}

      .da-p-linkYoutube dl > dd > p {
        font-size: 1.4rem;
        font-weight: bold;
        }

      .da-p-linkYoutube dl > dd > p > * {
        color: #ed0038;
        font-size: 1.8rem;
        font-weight: bold;
        text-decoration: underline;
        }



/**
 * Fuki
 * -------------------------------
 */

.da-p-fuki { text-align: center; }

  .da-p-fuki dl {
    background-color: #fcf659;
    display: inline-block;
    padding: 15px 40px;
    position: relative;
    border-radius: 5px;
    }

    .da-p-fuki dl:after {
      content: "";
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 26px 16px 0 16px;
      border-color: #fcf659 transparent transparent transparent;
      position: absolute;
      left: 50%;
      bottom: -25px;
      transform: translateX(-50%);
      }

    .da-p-fuki dl > dt {
      background-color: #ffd700;
      display: block;
      padding: 2px 10px;
      margin-top: 10px;
      border-radius: 1000px;
      }

      .da-p-fuki dl > dt > span {
        display: inline-block;
        color: #646464;
        font-size: 1.6rem;
        font-weight: bold;
        line-height: 1;
        }

    .da-p-fuki dl > dd {}

      .da-p-fuki dl > dd > p {
        font-size: 1.8rem;
        font-weight: bold;
        line-height: 1.4;
        }

        .da-p-fuki dl > dd > p > strong {
          display: inline-block;
          margin-right: 3px;
          color: #053cb4;
          font-size: 2.5rem;
          font-weight: bold;
          }



/**
 * Wireless Carplay
 * -------------------------------
 */

.da-p-wirelessCarplay {
  background-color: #0469dc;
  display: flex;
  align-items: center;
  position: relative;
  padding-top: 50px;
  padding-bottom: 50px;
  padding-right: 50px;
  z-index: 1;
  }

.da-p-wirelessCarplay::before,
.da-p-wirelessCarplay::after {
  position: absolute;
  content: '';
  z-index: -1;
  }

.da-p-wirelessCarplay::before {
  background-color: #053cb4;
  width: 200px;
  height: 100%;
  top: 0;
  left: 0;
  }

.da-p-wirelessCarplay::after {
  background: linear-gradient(to top left, rgba(255,255,255,0) 50%, #053cb4 50.5%) no-repeat top left/100% 100%;
  width: 120px;
  height: 100%;
  top: 0;
  left: 200px;
  }

  .da-p-wirelessCarplay > dt { width: 30%; }

    .da-p-wirelessCarplay > dt > span {
      background-color: #ffff00;
      display: flex;
      align-items: center;
      align-content: center;
      justify-content: center;
      flex-wrap: wrap;
      position: absolute;
      left: 40px;
      top: 50%;
      transform: translateY(-50%);
      width: 216px;
      height: 216px;
      text-align: center;
      border-radius: 1000px;
      }

      .da-p-wirelessCarplay > dt > span > * {
        display: block;
        width: 100%;
        font-weight: bold;
        line-height: 1.2;
        }

      .da-p-wirelessCarplay > dt > span > span:nth-of-type(1) { font-size: 1.3rem; }

      .da-p-wirelessCarplay > dt > span > strong:nth-of-type(1) {
        margin-top: 10px;
        margin-bottom: 5px;
        color: #053cb4;
        font-size: 2.2rem;
        }

      .da-p-wirelessCarplay > dt > span > span:nth-of-type(2) { font-size: 1.7rem; }

      .da-p-wirelessCarplay > dt > span > small:nth-of-type(1) {
        margin-top: 15px;
        color: #999;
        font-size: 1.0rem;
        }

  .da-p-wirelessCarplay > dd {
    width: 70%;
    color: #fff;
    font-size: 2.0rem;
    font-weight: bold;
    line-height: 1.5;
    }
  


/**
 * Table
 * -------------------------------
 */

.da-p-table {
  width: 100%;
  table-layout: fixed;
  }

  .da-p-table th,
  .da-p-table td {
    padding: 15px 25px;
    border-top: 5px solid #fff;
    border-bottom: 5px solid #fff;
    vertical-align: middle;
    font-size: 2.2rem;
    text-align: left;
    }

  .da-p-table th {
    background-color: #e4e4e5;
    width: 35%;
    font-weight: bold;
    }

  .da-p-table td {
    background-color: #f1f1f1;
    width: 75%;
    }




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


/**
 * Other Link Box
 * -------------------------------
 */

.otherLinkBox { padding: 0; }

  .otherLinkBox .otherLinkBoxTitle { display: none; }

  .otherLinkBox .otherLinkBoxInfo { padding: 0; }

    .otherLinkBox .otherLinkBoxText { display: none; }

    .otherLinkBox .otherLinkBtn01 > a {
      background-image: url("/files/cdb/ZZ/products/displayaudio/common/2111/zz_products_displayaudio_common_banner-apnstore.png");
      background-repeat: no-repeat;
      background-position: 50% 50%;
      background-size: 100% auto;
      display: block;
      width: 100%;
      height: 153px;
      padding: 0;
      text-indent: 200%;
      white-space: nowrap;
      overflow: hidden;
      border-radius: 0;
      }

    .otherLinkBox .otherLinkBtn01 > a:after { display: none; }



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

.da-m-floating {
  margin: -110px 0 0 -80px;
  padding: 0 50px;
  list-style: none;
  letter-spacing: -.40em;
  }

  .da-m-floating > li {
    display: inline-block;
    width: 50%;
    padding-left: 80px;
    margin-top: 110px;
    letter-spacing: normal;
    vertical-align: top;
    }

    .da-m-floating > li .da-m-floatingInner > dt {
      display: block;
      margin-bottom: 35px;
      text-align: center;
      }

      .da-m-floating > li .da-m-floatingInner > dt > span {
        display: block;
        position: relative;
        z-index: 1;
        color: #555;
        font-weight: bold;
        }

      .da-m-floating > li .da-m-floatingInner > dt > span:nth-of-type(1) {
        margin-bottom: 5px;
        font-size: 2.2rem;
        }

      .da-m-floating > li .da-m-floatingInner > dt > span:nth-of-type(2) {
        background-color: #f0f0f0;
        padding: 10px 20px;
        font-size: 1.6rem;
        }

        .da-m-floating > li .da-m-floatingInner > dt > span:nth-of-type(2):after {
          content: "";
          width: calc(100% - 60px);
          height: 1px;
          border-top: 1px dashed #b8b8b8;
          position: absolute;
          left: 50%;
          top: 50%;
          z-index: -1;
          transform: translate(-50%, -50%);
          }

        .da-m-floating > li .da-m-floatingInner > dt > span:nth-of-type(2) > span {
          background-color: #f0f0f0;
          display: inline-block;
          padding: 0 10px;
          }

    .da-m-floating > li .da-m-floatingInner > dd { margin-top: 35px; }




/**
 * Product Item Lists Area
 * -------------------------------
 */

.m-productItemListsArea {}



/**
 * Function Lists
 * -------------------------------
 */

.da-m-funcLists {}

  .da-m-funcLists > dt { display: block; }

  .da-m-funcLists > dd {}

    .da-m-funcLists > dd > ul {
      margin: -25px 0 0 -25px;
      list-style: none;
      letter-spacing: -.40em;
      }

      .da-m-funcLists > dd > ul > li {
        display: inline-block;
        width: 33.3333%;
        padding: 25px 0 0 25px;
        letter-spacing: normal;
        vertical-align: top;
        }

        .da-m-funcLists > dd > ul > li > *:not(.da-m-modal) {
          display: block;
          position: relative;
          z-index: 1;
          color: #fff;
          border-radius: 7px;
          box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.7);
          }

          .da-m-funcLists > dd > ul > li > a:after {
            content: "";
            background-color: rgba(0, 0, 0, 0.6);
            width: 32px;
            height: 32px;
            position: absolute;
            z-index: -1;
            top: 50%;
            right: 0;
            transform: translateY(-50%);
            }

        .da-m-funcLists > dd > ul > li .da-m-funcListsInner {
          display: flex;
          align-items: center;
          height: 74px;
          padding: 0 30px;
          }

          .da-m-funcLists > dd > ul > li > a .da-m-funcListsInner:before,
          .da-m-funcLists > dd > ul > li > a .da-m-funcListsInner:after {
            content: "";
            background-color: #fff;
            width: 20px;
            height: 1px;
            position: absolute;
            right: 5px;
            top: 50%;
            transform: translateY(-50%);
            }

          .da-m-funcLists > dd > ul > li > a .da-m-funcListsInner:after { transform: translateY(-50%) rotate(90deg); }

          .da-m-funcLists > dd > ul > li .da-m-funcListsInner > dt { display: block; }

            .da-m-funcLists > dd > ul > li .da-m-funcListsInner > dt > span {
              background-color: #000;
              display: flex;
              align-items: center;
              justify-content: center;
              width: 76px;
              height: 74px;
              text-align: center;
              }

              .da-m-funcLists > dd > ul > li .da-m-funcListsInner > dt > span img { width: 100%; }

          .da-m-funcLists > dd > ul > li .da-m-funcListsInner > dd {
            width: 100%;
            text-align: center;
            }

            .da-m-funcLists > dd > ul > li .da-m-funcListsInner > dd > p {
              font-family: "Poppins", sans-serif;
              font-size: 1.7rem;
              font-weight: bold;
              line-height: 1.3;
              }

              .da-m-funcLists > dd > ul > li .da-m-funcListsInner > dd > p > span {
                font-size: 1.4rem;
                font-weight: bold;
                }

  /* Color */
  .da-m-funcLists.da-m-funcListsColorGray > dd > ul > li > *:not(.da-m-modal) {
    background: -webkit-linear-gradient(top,  rgba(128,128,128,1) 10%,rgba(79,79,79,1) 75%);
    background: linear-gradient(to bottom,  rgba(128,128,128,1) 10%,rgba(79,79,79,1) 75%);
    }

  .da-m-funcLists.da-m-funcListsColorBlue > dd > ul > li > *:not(.da-m-modal) {
    background: -webkit-linear-gradient(top,  rgba(0,86,233,1) 10%,rgba(0,49,157,1) 75%);
    background: linear-gradient(to bottom,  rgba(0,86,233,1) 10%,rgba(0,49,157,1) 75%);
    }



/**
 * Hi-Res
 * -------------------------------
 */

.da-m-hires { padding: 0 90px; }

  .da-m-hires > dt {
    background-color: #cfa92c;
    display: block;
    padding: 10px 15px;
    border-bottom: 3px solid #967f39;
    text-align: center;
    }

    .da-m-hires > dt > span {
      display: inline-block;
      color: #fff;
      font-size: 2.2rem;
      font-weight: bold;
      line-height: 1.6;
      }

  .da-m-hires > dd {
    background-color: #faf6f1; 
    padding: 30px 50px 40px 50px;
    border: 2px solid #cfa92c;
    border-top: none;
    }

    .da-m-hires > dd > ul {
      margin: -60px 0 0 -50px;
      list-style: none;
      letter-spacing: -.40em;
      text-align: center;
      }

      .da-m-hires > dd > ul > li {
        display: inline-block;
        padding: 60px 0 0 50px;
        letter-spacing: normal;
        vertical-align: top;
        }

      .da-m-hires > dd > ul > li .da-m-hiresInner {
        letter-spacing: -.40em;
        text-align: left;
        }

        .da-m-hires > dd > ul > li .da-m-hiresInner > dt,
        .da-m-hires > dd > ul > li .da-m-hiresInner > dd {
          display: inline-block;
          letter-spacing: normal;
          vertical-align: top;
          }

          .da-m-hires > dd > ul > li .da-m-hiresInner > dt > span { display: block; }

            .da-m-hires > dd > ul > li .da-m-hiresInner > dt > span img {
              width: auto;
              height: 141px;
              }

        .da-m-hires > dd > ul > li .da-m-hiresInner > dd {
          width: 240px;
          padding-left: 25px;
          }


          .da-m-hires > dd > ul > li .da-m-hiresInner > dd > p {
            font-size: 1.7rem;
            line-height: 1.6;
            }



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

/* -- .slick-arrow -- */
.da-m-slicksliderMain .slick-arrow {
  background-image: none;
  background-color: rgba(0, 0, 0, 0.2);
  width: 40px;
  height: 40px;
  margin-top: 0;
  border: 1px solid #fff;
  position: absolute;
  top: 50%;
  border-radius: 1000px;
  transition: 0.2s ease-out;
  transform: translateY(-50%);
  }

.da-m-slicksliderMain .slick-arrow:hover { opacity: 0.7; }

  .da-m-slicksliderMain .slick-arrow:after {
    content: "";
    width: 11px;
    height: 11px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    }

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


/* -- .slick-dots -- */
.da-m-slicksliderMain .slick-dots {
  display: inline-block;
  width: 100%;
  list-style: none;
  position: absolute;
  left: 50%;
  letter-spacing: -.40em;
  text-align: center;
  transform: translateX(-50%);
  }

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

    .da-m-slicksliderMain .slick-dots > li > button {
      background-color: transparent;
      width: 40px;
      height: 11px;
      border: none;
      position: relative;
      font-size: 0;
      text-indent: -9999px;
      border-radius: 0;
      transition: 0.2s ease-out;
      }

    .da-m-slicksliderMain .slick-dots > li > button:hover { opacity: 0.6; }
    .da-m-slicksliderMain .slick-dots > li.slick-active > button:hover { opacity: 1; }

      .da-m-slicksliderMain .slick-dots > li > button:after {
        content: "";
        background-color: #999;
        width: 100%;
        height: 1px;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        }

      .da-m-slicksliderMain .slick-dots > li.slick-active > button:after { background-color: #053cb4; }



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

.da-m-lineup {
  margin: -35px 0 0 -50px;
  list-style: none;
  letter-spacing: -.40em;
  }

  .da-m-lineup > li {
    display: inline-block;
    width: 50%;
    margin-top: 35px;
    padding-left: 50px;
    letter-spacing: normal;
    vertical-align: top;
    }

  .da-m-lineup > li .da-m-lineupInner > dt {
    display: block;
    padding-bottom: 5px;
    margin-bottom: 15px;
    border-bottom: 1px solid #707070;
    }

    .da-m-lineup > li .da-m-lineupInner > dt > span { display: inline-block; }


      .da-m-lineup > li .da-m-lineupInner > dt > span > span {
        display: block;
        margin-top: 5px;
        color: #000;
        font-size: 1.7rem;
        line-height: 1.4;
        }

      .da-m-lineup > li .da-m-lineupInner > dt > span > span:nth-of-type(1) { margin-top: 0; }

  .da-m-lineup > li .da-m-lineupInner > dd {}

    .da-m-lineup > li .da-m-lineupInner > dd .da-m-lineupCntRow {
      display: flex;
      flex-wrap: wrap;
      margin-top: -20px;
      margin-left: -20px;
      }

      .da-m-lineup > li .da-m-lineupInner > dd .da-m-lineupCntCol {
        width: 50%;
        padding-left: 20px;
        padding-top: 20px;
        line-height: 1.6;
        }

        .da-m-lineup > li .da-m-lineupInner > dd .da-m-lineupCntCol a {
          color: #0084ff;
          text-decoration: underline;
          }

        .da-m-lineup > li .da-m-lineupInner > dd .da-m-lineupCntCol .da-m-lineupCntTtl {
          font-size: 1.4rem;
          font-weight: bold;
          margin-bottom: 10px;
          }

        .da-m-lineup > li .da-m-lineupInner > dd .da-m-lineupCntCol .da-m-lineupLinks { font-size: 1.4rem; }

          .da-m-lineup > li .da-m-lineupInner > dd .da-m-lineupCntCol .da-m-lineupLinks > li { margin-bottom: 5px; }

          .da-m-lineup > li .da-m-lineupInner > dd .da-m-lineupCntCol .da-m-lineupLinks > li:nth-last-of-type(1) { margin-bottom: 0; }

            .da-m-lineup > li .da-m-lineupInner > dd .da-m-lineupCntCol .da-m-lineupLinks > li > a {
              display: inline-block;
              padding-left: 20px;
              text-decoration: none;
              position: relative;
              }

            .da-m-lineup > li .da-m-lineupInner > dd .da-m-lineupCntCol .da-m-lineupLinks > li > a::before {
              position: absolute;
              top: 7px;
              left: 0;
              transform: rotate(45deg);
              width: 8px;
              height: 8px;
              border-top: 2px solid #0084ff;
              border-right: 2px solid #0084ff;
              content: '';
              }

        .da-m-lineup > li .da-m-lineupInner > dd .da-m-lineupCntCol .p-comments,
        .da-m-lineup > li .da-m-lineupInner > dd .da-m-lineupCntCol .p-caption {
          color: #000;
          font-size: 1.3rem;
          line-height: 1.4;
          }



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

.da-m-daf9Link {
  display: flex;
  align-items: flex-start;
  }

  .da-m-daf9Link > span { display: block; }

  .da-m-daf9Link .da-m-daf9LinkTxt {
    width: 75%;
    padding-right: 35px;
    }

  .da-m-daf9Link .da-m-daf9LinkBtn { width: 25%; }

    .da-m-daf9Link .da-m-daf9LinkBtn > a {
      background-color: #fffa00;
      display: block;
      padding: 10px 45px 10px 20px;
      position: relative;
      color: #0041b4;
      font-size: 2.0rem;
      line-height: 1.4;
      text-decoration: underline;
      }

      .da-m-daf9Link .da-m-daf9LinkBtn > a:before,
      .da-m-daf9Link .da-m-daf9LinkBtn > a:after {
        content: "";
        width: 17px;
        height: 17px;
        border-top: 1px solid #0041b4;
        border-right: 1px solid #0041b4;
        position: absolute;
        top: 50%;
        -wekit-transform: translateY(-50%) rotate(45deg);
        transform: translateY(-50%) rotate(45deg);
        }

      .da-m-daf9Link .da-m-daf9LinkBtn > a:before { right: 17px; }
      .da-m-daf9Link .da-m-daf9LinkBtn > a:after { right: 29px; }



/**
 * Modal
 * -------------------------------
 */

#cboxContent { padding: 0 !important; }

#cboxClose { z-index: 10; }

.da-m-modal { display: none; }

#cboxContent .da-m-modal { display: block; }


/* -- .da-m-modalFunc -- */
.da-m-modalFunc {}

  .da-m-modalFunc .da-m-modalFuncInner {
    width: 650px;
    margin: 0 auto;
    }

    .da-m-modalFunc .da-m-modalFuncInner > dt {
      display: block;
      position: relative;
      z-index: 1;
      }

      .da-m-modalFunc .da-m-modalFuncInner > dt img {
        width: 100%;
        position: relative;
        z-index: 1;
        }

      .da-m-modalFunc .da-m-modalFuncInner > dt .p-caption {
        position: absolute;
        right: 20px;
        bottom: 25px;
        z-index: 2;
        color: #fff;
        font-size: 1.5rem;
        }

    .da-m-modalFunc .da-m-modalFuncInner > dd { padding: 45px 70px 70px 70px; }

      .da-m-modalFunc .da-m-modalFuncInner > dd > dl {}

        .da-m-modalFunc .da-m-modalFuncInner > dd > dl > dt {
          display: block;
          padding-bottom: 15px;
          margin-bottom: 25px;
          border-bottom: 1px solid #808080;
          }

          .da-m-modalFunc .da-m-modalFuncInner > dd > dl > dt > span {
            font-size: 2.6rem;
            font-weight: bold;
            }

        .da-m-modalFunc .da-m-modalFuncInner > dd > dl > dd {
          font-size: 1.9rem;
          line-height: 1.6;
          }


/* -- .da-m-modalWhats -- */
.da-m-modalWhats {
  width: 100%;
  height: 100%;
  padding: 60px 0 85px 0;
  }

#cboxLoadedContent .da-m-modalWhats {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  flex-wrap: wrap;
}

.da-m-modalWhats:before {
  content: "";
  background-color: #e6e6e6;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  }

  .da-m-modalWhats .da-m-modalWhatsInner {
    width: 1000px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    }


  /* .da-m-modalWhatsTtl */
  .da-m-modalWhats .da-m-modalWhatsTtl {
    margin-bottom: 45px;
    text-align: center;
    }

    .da-m-modalWhats .da-m-modalWhatsTtl > span {
      font-size: 2.5rem;
      font-weight: 700;
      }


  /* .da-m-modalWhatsSlider */
  .da-m-modalWhats .da-m-modalWhatsSlider { margin: 0; }

    .da-m-modalWhats .da-m-modalWhatsSlider .da-m-slicksliderMain {
      opacity: 0;
      visibility: hidden;
      transition: 0.5s ease-out;
      }

    .da-m-modalWhats .da-m-modalWhatsSlider .da-m-slicksliderMain.slick-initialized {
      opacity: 1;
      visibility: visible;
      }

    .da-m-modalWhats .da-m-modalWhatsSlider .slick-prev { left: 30px; }
    .da-m-modalWhats .da-m-modalWhatsSlider .slick-next { right: 30px; }

    .da-m-modalWhats .da-m-modalWhatsSlider .slick-dots { bottom: -40px; }


    /* .da-m-modalWhatsSliderInner */
    .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSliderInner {
      background-color: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 450px;
      text-align: center;
      }

    /* whatsSliderDlist */
    .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSliderDlist {}

      .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSliderDlist .da-m-modalWhatsSliderDlistTtl { margin-bottom: 40px; }

        .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSliderDlist .da-m-modalWhatsSliderDlistTtl > span {
          display: inline-block;
          padding: 0 15px;
          position: relative;
          z-index: 1;
          color: #053cb4;
          font-size: 2.0rem;
          font-weight: 900;
          }

          .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSliderDlist .da-m-modalWhatsSliderDlistTtl > span:before {
            content: "";
            background-image: url("/files/cdb/ZZ/products/displayaudio/common/2205/zz_products_displayaudio_common_whats-slider-ttl-bg.svg");
            background-repeat: repeat;
            background-size: 7px auto;
            width: 100%;
            height: 20px;
            position: absolute;
            left: 0;
            bottom: -5px;
            z-index: -1;
            }

      .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSliderDlist .da-m-modalWhatsSliderDlistInner {}

        .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSliderDlist .da-m-modalWhatsSliderDlistInner > ul {
          display: inline-block;
          list-style: none;
          letter-spacing: -.40em;
          }

          .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSliderDlist .da-m-modalWhatsSliderDlistInner > ul > li {
            display: inline-flex;
            align-items: center;
            letter-spacing: normal;
            vertical-align: top;
            position: relative;
            }

            .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSliderDlist .da-m-modalWhatsSliderDlistInner > ul > li:before {
              content: "";
              background-repeat: no-repeat;
              background-position: 50% 50%;
              background-size: 100% auto;
              position: absolute;
              left: 0;
              top: 50%;
              transform: translateY(-50%);
              }

    /* .da-m-modalWhatsSlider01 */
    .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSlider01 .da-m-modalWhatsSliderInner {
      background-image: url("/files/cdb/ZZ/products/displayaudio/common/2205/zz_products_displayaudio_common_whats-slider01-bg.jpg");
      background-repeat: repeat;
      background-position: 50% 50%;
      background-size: cover;
      }

      .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSlider01 .da-m-modalWhatsSliderInner h3,
      .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSlider01 .da-m-modalWhatsSliderInner img {
        width: auto;
        height: auto;
        max-height: 450px;
        }

    /* .da-m-modalWhatsSlider02 */
    .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSlider02 .da-m-modalWhatsSliderInner {}

      .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSlider02 .da-m-modalWhatsSliderInner p {
        font-size: 2.0rem;
        font-weight: 700;
        line-height: 2.2;
        letter-spacing: 0.03em;
        }

    /* .da-m-modalWhatsSlider03 */
    .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSlider03 .da-m-modalWhatsSliderInner {}

      .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSlider03 .da-m-modalWhatsSliderInner .da-m-modalWhatsSliderDlist { margin-top: 5px; }

        .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSlider03 .da-m-modalWhatsSliderInner .da-m-modalWhatsSliderDlist .da-m-modalWhatsSliderDlistInner > ul {}

          .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSlider03 .da-m-modalWhatsSliderInner .da-m-modalWhatsSliderDlist .da-m-modalWhatsSliderDlistInner > ul > li {
            width: 370px;
            margin: 0 25px;
            }

            .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSlider03 .da-m-modalWhatsSliderInner .da-m-modalWhatsSliderDlist .da-m-modalWhatsSliderDlistInner > ul > li > dl {
              display: inline-block;
              width: 370px;
              }

              .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSlider03 .da-m-modalWhatsSliderInner .da-m-modalWhatsSliderDlist .da-m-modalWhatsSliderDlistInner > ul > li > dl > dt {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                width: 270px;
                height: 40px;
                margin-bottom: 10px;
                position: relative;
                z-index: 1;
                border-radius: 1000px;
                }

                .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSlider03 .da-m-modalWhatsSliderInner .da-m-modalWhatsSliderDlist .da-m-modalWhatsSliderDlistInner > ul > li > dl > dt:before,
                .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSlider03 .da-m-modalWhatsSliderInner .da-m-modalWhatsSliderDlist .da-m-modalWhatsSliderDlistInner > ul > li > dl > dt:after {
                  content: "";
                  position: absolute;
                  top: 0;
                  z-index: -1;
                  }

                  .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSlider03 .da-m-modalWhatsSliderInner .da-m-modalWhatsSliderDlist .da-m-modalWhatsSliderDlistInner > ul > li > dl > dt:before {
                    width: calc(50% - 20px);
                    height: 100%;
                    right: 0;
                    border-top-right-radius: 1000px;
                    border-bottom-right-radius: 1000px;
                    }

                  .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSlider03 .da-m-modalWhatsSliderInner .da-m-modalWhatsSliderDlist .da-m-modalWhatsSliderDlistInner > ul > li > dl > dt:after {
                    width: 40px;
                    height: 100%;
                    left: 50%;
                    margin-left: -20px;
                    }

                  .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSlider03 .da-m-modalWhatsSliderInner .da-m-modalWhatsSliderDlist .da-m-modalWhatsSliderDlistInner > ul > li > dl > dt > span {
                    color: #fff;
                    font-size: 18px;
                    font-weight: 700;
                    }

              .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSlider03 .da-m-modalWhatsSliderInner .da-m-modalWhatsSliderDlist .da-m-modalWhatsSliderDlistInner > ul > li:nth-of-type(1) > dl > dt {
                background-color: #007cff;
                border: 2px solid #007cff;
                }

              .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSlider03 .da-m-modalWhatsSliderInner .da-m-modalWhatsSliderDlist .da-m-modalWhatsSliderDlistInner > ul > li:nth-of-type(2) > dl > dt {
                background-color: #5256ff;
                border: 2px solid #5256ff;
                }

                .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSlider03 .da-m-modalWhatsSliderInner .da-m-modalWhatsSliderDlist .da-m-modalWhatsSliderDlistInner > ul > li:nth-of-type(1) > dl > dt:before { background-color: #0048ff; }
                .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSlider03 .da-m-modalWhatsSliderInner .da-m-modalWhatsSliderDlist .da-m-modalWhatsSliderDlistInner > ul > li:nth-of-type(2) > dl > dt:before { background-color: #233cc7; }

                .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSlider03 .da-m-modalWhatsSliderInner .da-m-modalWhatsSliderDlist .da-m-modalWhatsSliderDlistInner > ul > li:nth-of-type(1) > dl > dt:after { background: linear-gradient(to bottom right, rgba(255,255,255,0) 50%, #0048ff 50.5%) no-repeat top left/100% 100%; }
                .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSlider03 .da-m-modalWhatsSliderInner .da-m-modalWhatsSliderDlist .da-m-modalWhatsSliderDlistInner > ul > li:nth-of-type(2) > dl > dt:after { background: linear-gradient(to bottom right, rgba(255,255,255,0) 50%, #233cc7 50.5%) no-repeat top left/100% 100%; }

              .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSlider03 .da-m-modalWhatsSliderInner .da-m-modalWhatsSliderDlist .da-m-modalWhatsSliderDlistInner > ul > li > dl > dd {}

                .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSlider03 .da-m-modalWhatsSliderInner .da-m-modalWhatsSliderDlist .da-m-modalWhatsSliderDlistInner > ul > li > dl > dd > p {
                  padding-bottom: 25px;
                  position: relative;
                  font-size: 1.4rem;
                  font-weight: 700;
                  line-height: 1.8;
                  }

                  .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSlider03 .da-m-modalWhatsSliderInner .da-m-modalWhatsSliderDlist .da-m-modalWhatsSliderDlistInner > ul > li > dl > dd > p .da-m-modalWhatsSliderDlistCaption {
                    width: 100%;
                    color: #666;
                    font-size: 1.2rem;
                    line-height: 1.4;
                    position: absolute;
                    left: 0;
                    bottom: 5px;
                    }

                  .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSlider03 .da-m-modalWhatsSliderInner .da-m-modalWhatsSliderDlist .da-m-modalWhatsSliderDlistInner > ul > li > dl > dd > p.da-m-modalWhatsSliderDlistImg { text-align: center; }

                    .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSlider03 .da-m-modalWhatsSliderInner .da-m-modalWhatsSliderDlist .da-m-modalWhatsSliderDlistInner > ul > li > dl > dd > p.da-m-modalWhatsSliderDlistImg img {
                      display: inline-block;
                      width: 100%;
                      }

    /* .da-m-modalWhatsSlider04 */
    .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSlider04 .da-m-modalWhatsSliderInner {}

      .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSlider04 .da-m-modalWhatsSliderInner .da-m-modalWhatsSliderDlist .da-m-modalWhatsSliderDlistInner > ul {
        width: 720px;
        margin-top: -17px;
        text-align: left;
        }

        .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSlider04 .da-m-modalWhatsSliderInner .da-m-modalWhatsSliderDlist .da-m-modalWhatsSliderDlistInner > ul > li {
          height: 56px;
          margin-top: 17px;
          padding-left: 75px;
          }

        .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSlider04 .da-m-modalWhatsSliderInner .da-m-modalWhatsSliderDlist .da-m-modalWhatsSliderDlistInner > ul > li:nth-child(odd) { width: 420px; }

          .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSliderDlist .da-m-modalWhatsSliderDlistInner > ul > li:before {
            width: 56px;
            height: 56px;
            }

          .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSlider04 .da-m-modalWhatsSliderInner .da-m-modalWhatsSliderDlist .da-m-modalWhatsSliderDlistInner > ul > li:nth-of-type(1):before { background-image: url("/files/cdb/ZZ/products/displayaudio/common/2205/zz_products_displayaudio_common_whats-slider04-icon01.svg"); }
          .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSlider04 .da-m-modalWhatsSliderInner .da-m-modalWhatsSliderDlist .da-m-modalWhatsSliderDlistInner > ul > li:nth-of-type(2):before { background-image: url("/files/cdb/ZZ/products/displayaudio/common/2205/zz_products_displayaudio_common_whats-slider04-icon02.svg"); }
          .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSlider04 .da-m-modalWhatsSliderInner .da-m-modalWhatsSliderDlist .da-m-modalWhatsSliderDlistInner > ul > li:nth-of-type(3):before { background-image: url("/files/cdb/ZZ/products/displayaudio/common/2205/zz_products_displayaudio_common_whats-slider04-icon03.svg"); }
          .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSlider04 .da-m-modalWhatsSliderInner .da-m-modalWhatsSliderDlist .da-m-modalWhatsSliderDlistInner > ul > li:nth-of-type(4):before { background-image: url("/files/cdb/ZZ/products/displayaudio/common/2205/zz_products_displayaudio_common_whats-slider04-icon04.svg"); }
          .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSlider04 .da-m-modalWhatsSliderInner .da-m-modalWhatsSliderDlist .da-m-modalWhatsSliderDlistInner > ul > li:nth-of-type(5):before { background-image: url("/files/cdb/ZZ/products/displayaudio/common/2205/zz_products_displayaudio_common_whats-slider04-icon05.svg"); }
          .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSlider04 .da-m-modalWhatsSliderInner .da-m-modalWhatsSliderDlist .da-m-modalWhatsSliderDlistInner > ul > li:nth-of-type(6):before { background-image: url("/files/cdb/ZZ/products/displayaudio/common/2205/zz_products_displayaudio_common_whats-slider04-icon06.svg"); }
          .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSlider04 .da-m-modalWhatsSliderInner .da-m-modalWhatsSliderDlist .da-m-modalWhatsSliderDlistInner > ul > li:nth-of-type(7):before { background-image: url("/files/cdb/ZZ/products/displayaudio/common/2205/zz_products_displayaudio_common_whats-slider04-icon07.svg"); }

          .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSlider04 .da-m-modalWhatsSliderInner .da-m-modalWhatsSliderDlist .da-m-modalWhatsSliderDlistInner > ul > li > p {
            font-size: 1.5rem;
            font-weight: 700;
            line-height: 1.4;
            }


    /* .da-m-modalWhatsSlider05 */
    .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSlider05 .da-m-modalWhatsSliderInner {}

      .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSlider05 .da-m-modalWhatsSliderInner .da-m-modalWhatsSliderDlist .da-m-modalWhatsSliderDlistTtl > span:before { background-image: url("/files/cdb/ZZ/products/displayaudio/common/2205/zz_products_displayaudio_common_whats-slider-ttl-bg02.svg"); }

      .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSlider05 .da-m-modalWhatsSliderInner .da-m-modalWhatsSliderDlist .da-m-modalWhatsSliderDlistInner > ul { margin: -13px 0 0 -20px; }

        .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSlider05 .da-m-modalWhatsSliderInner .da-m-modalWhatsSliderDlist .da-m-modalWhatsSliderDlistInner > ul > li {
          background-color: #f2f2f2;
          width: 385px;
          height: 94px;
          margin: 13px 0 0 20px;
          padding-left: 75px;
          border: 1px solid #99cbff;
          text-align: left;
          border-radius: 10px;
          }

          .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSlider05 .da-m-modalWhatsSliderInner .da-m-modalWhatsSliderDlist .da-m-modalWhatsSliderDlistInner > ul > li:before {
            width: 60px;
            height: 60px;
            }

          .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSlider05 .da-m-modalWhatsSliderInner .da-m-modalWhatsSliderDlist .da-m-modalWhatsSliderDlistInner > ul > li:nth-of-type(1):before { background-image: url("/files/cdb/ZZ/products/displayaudio/common/2205/zz_products_displayaudio_common_whats-slider05-icon01.svg"); }
          .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSlider05 .da-m-modalWhatsSliderInner .da-m-modalWhatsSliderDlist .da-m-modalWhatsSliderDlistInner > ul > li:nth-of-type(2):before { background-image: url("/files/cdb/ZZ/products/displayaudio/common/2205/zz_products_displayaudio_common_whats-slider05-icon02.svg"); }
          .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSlider05 .da-m-modalWhatsSliderInner .da-m-modalWhatsSliderDlist .da-m-modalWhatsSliderDlistInner > ul > li:nth-of-type(3):before { background-image: url("/files/cdb/ZZ/products/displayaudio/common/2205/zz_products_displayaudio_common_whats-slider05-icon03.svg"); }
          .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSlider05 .da-m-modalWhatsSliderInner .da-m-modalWhatsSliderDlist .da-m-modalWhatsSliderDlistInner > ul > li:nth-of-type(4):before { background-image: url("/files/cdb/ZZ/products/displayaudio/common/2205/zz_products_displayaudio_common_whats-slider05-icon05.svg"); }
          .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSlider05 .da-m-modalWhatsSliderInner .da-m-modalWhatsSliderDlist .da-m-modalWhatsSliderDlistInner > ul > li:nth-of-type(5):before { background-image: url("/files/cdb/ZZ/products/displayaudio/common/2205/zz_products_displayaudio_common_whats-slider05-icon05.svg"); }
          .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSlider05 .da-m-modalWhatsSliderInner .da-m-modalWhatsSliderDlist .da-m-modalWhatsSliderDlistInner > ul > li:nth-of-type(6):before { background-image: url("/files/cdb/ZZ/products/displayaudio/common/2205/zz_products_displayaudio_common_whats-slider05-icon06.svg"); }

          .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSlider05 .da-m-modalWhatsSliderInner .da-m-modalWhatsSliderDlist .da-m-modalWhatsSliderDlistInner > ul > li > p {
            color: #003197;
            font-size: 1.3rem;
            font-weight: 500;
            line-height: 1.4;
            }

            .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSlider05 .da-m-modalWhatsSliderInner .da-m-modalWhatsSliderDlist .da-m-modalWhatsSliderDlistInner > ul > li > p > strong {
              font-size: 1.6rem;
              font-weight: 700;
              }







/**
 * ================================================================================
 * Lineup Page Settings
 * ================================================================================
 */


/**
 * Title
 * -------------------------------
 */

.da-lineup-p-sectionTitle01 { text-align: center; }

  .da-lineup-p-sectionTitle01 > span:nth-of-type(1) {
    display: inline-block;
    padding: 0 20px 15px 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #808080;
    }

  .da-lineup-p-sectionTitle01 .da-c-ffMontserrat {
    font-weight: 700;
    letter-spacing: 0.1em;
    }



/**
 * Product Item Lists Area
 * -------------------------------
 */

.da-lineup-m-productItemListsArea {}

  .m-productItemListsArea > ul > li > *,
  .da-lineup-m-productItemListsArea > ul > li > * {
    display: block;
    position: relative;
    }

    .da-lineup-m-productItemListsArea > ul > li > a:before,
    .da-lineup-m-productItemListsArea > ul > li > a:after {
      content: "";
      position: absolute;
      bottom: 0;
      right: 0;
      }

    .da-lineup-m-productItemListsArea > ul > li > a:before {
      background-color: #003eab;
      width: 30px;
      height: 30px;
      z-index: 1;
      }

    .da-lineup-m-productItemListsArea > ul > li > a:after {
      width: 8px;
      height: 8px;
      border-top: 1px solid #fff;
      border-right: 1px solid #fff;
      z-index: 2;
      -webkit-transform: translate(-12px, -11px) rotate(45deg);
      transform: translate(-12px, -11px) rotate(45deg);
      }

  .da-lineup-m-productItemListsArea > ul > li .m-productItemListsInner .m-productItemListsCnt {
    display: flex;
    align-items: center;
    align-content: center;
    }

    .da-lineup-m-productItemListsArea > ul > li .m-productItemListsInner .m-productItemListsCnt .m-productItemListsCntTop .m-productItemListsCntTopName .m-productItemListsCntTopNameMain { font-size: 2.7rem; }

      .da-lineup-m-productItemListsArea > ul > li .m-productItemListsInner .m-productItemListsCnt .m-productItemListsCntTop .m-productItemListsCntTopName .m-productItemListsCntTopNameMain .m-productItemListsCntTopNameMainLabel {
        background-color: #0041b0;
        display: inline-block;
        padding: 5px 15px;
        color: #fff;
        font-size: 2.2rem;
        font-weight: bold;
        }
    
    .da-lineup-m-productItemListsArea > ul > li .m-productItemListsInner .m-productItemListsCnt .m-productItemListsCntTop .m-productItemListsCntTopName .m-productItemListsCntTopNameSub {
      margin-top: 20px;
      color: #1a1a1a;
      font-size: 2.0rem;
      font-weight: normal;
      }

      .da-lineup-m-productItemListsArea.da-lineup-m-apnStoreProductItemListsArea > ul > li .m-productItemListsInner .m-productItemListsCnt .m-productItemListsCntTop .m-productItemListsCntTopName .m-productItemListsCntTopNameSub {
        color: #646464;
        font-weight: 500;
        }

  .m-productItemListsArea > ul > li .m-productItemListsInfo {
    margin-bottom: 5px;
    color: #ff0000;
    font-size: 12px;
    text-align: right;
    }

  .m-productItemListsArea > ul > li .m-productItemListsRelease {
    position: absolute;
    top: 0;
    right: 0;
    }

    .m-productItemListsArea > ul > li .m-productItemListsRelease img {
      width: 146px;
      vertical-align: top;
      }

.da-lineup-m-productItemListsArea02 {}

  .da-lineup-m-productItemListsArea02 > ul > li > a:before,
  .da-lineup-m-productItemListsArea02 > ul > li > a:after { display: none; }

    .da-lineup-m-productItemListsArea02 > ul > li .m-productItemListsInner .m-productItemListsCnt .m-productItemListsCntTop .m-productItemListsCntTopName .m-productItemListsCntTopNameMain { font-size: 2.2rem; }

      .da-lineup-m-productItemListsArea02 > ul > li .m-productItemListsInner .m-productItemListsCnt .m-productItemListsCntTop .m-productItemListsCntTopName .m-productItemListsCntTopNameMain .m-productItemListsCntTopNameMainLabel {
        background-color: #0041b0;
        display: block;
        padding: 5px 15px;
        color: #fff;
        font-size: 2.2rem;
        font-weight: bold;
        text-align: center;
        }
    
    .da-lineup-m-productItemListsArea02 > ul > li .m-productItemListsInner .m-productItemListsCnt .m-productItemListsCntTop .m-productItemListsCntTopName .m-productItemListsCntTopNameSub {
      display: block;
      margin-top: 5px;
      color: #1a1a1a;
      font-size: 2.4rem;
      font-weight: normal;
      text-align: center;
      }

    .da-lineup-m-productItemListsArea02 > ul > li .m-productItemListsInner .m-productItemListsCnt .m-productItemListsCntTop .m-productItemListsCntTopName .m-productItemListsCntTopNameModel {
      display: block;
      margin-top: 15px;
      font-size: 1.8rem;
      text-align: center;
      }

  .da-lineup-m-productItemListsArea02 > ul > li .m-productItemListsInner .m-productItemListsCnt .m-productItemListsCntCaption {
    position: absolute;
    right: 5px;
    bottom: 10px;
    }

    .da-lineup-m-productItemListsArea02 > ul > li .m-productItemListsInner .m-productItemListsCnt .m-productItemListsCntCaption .m-productItemListsCntCaptionTxt {
      font-size: 1.3rem;
      line-height: 1.4;
      }






/**
 * ================================================================================
 * Features Page Settings
 * ================================================================================
 */


/**
 * Logo
 * -------------------------------
 */

#featuresPage .da-p-logoHdmi { width: 169px; }
#featuresPage .da-p-logoBluetooth { width: 168px; }
#featuresPage .da-p-logoFlac { width: 98px; }
#featuresPage .da-p-logoUsb { width: 81px; }



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

/* -- .da-p-sectionBlock02 -- */
#featuresPage .da-p-sectionBlock02 .da-p-btnColorBlue {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 80px;
  }

  #functionsPage .da-p-sectionBlock02 .da-p-btnColorBlue > span { line-height: 1.2; }






/**
 * ================================================================================
 * Functions Page Settings
 * ================================================================================
 */


/**
 * Block
 * -------------------------------
 */
  
/* -- .da-p-sectionBlock08 -- */
#functionsPage .da-p-sectionBlock08 .da-m-lineup {}

  #functionsPage .da-p-sectionBlock08 .da-m-lineup > li { width: 100%; }

    #functionsPage .da-p-sectionBlock08 .da-m-lineup > li .da-m-lineupInner > dt { margin-bottom: 20px; }

      #functionsPage .da-p-sectionBlock08 .da-m-lineup > li .da-m-lineupInner > dt > span > span:nth-of-type(1) { font-size: 2.3rem; }

    #functionsPage .da-p-sectionBlock08 .da-m-lineup > li .da-m-lineupInner > dd {}

      #functionsPage .da-p-sectionBlock08 .da-m-lineup > li .da-m-lineupInner > dd > dl { display: flex; }

        #functionsPage .da-p-sectionBlock08 .da-m-lineup > li .da-m-lineupInner > dd > dl > dt,
        #functionsPage .da-p-sectionBlock08 .da-m-lineup > li .da-m-lineupInner > dd > dl > dd { width: 50%; }

        #functionsPage .da-p-sectionBlock08 .da-m-lineup > li .da-m-lineupInner > dd > dl > dd {
          padding: 0 0 0 35px;
          font-size: 1.8rem;
          line-height: 2.2;
          }

          #functionsPage .da-p-sectionBlock08 .da-m-lineup > li .da-m-lineupInner > dd > dl > dt .p-caption { font-size: 1.4rem; }

#functionsPage .da-p-sectionBlock08 .da-p-btnColorBlue {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 80px;
  }

  #functionsPage .da-p-sectionBlock08 .da-p-btnColorBlue > span { line-height: 1.2; }








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

/* -- Layout -- */
.c-mainContent { margin-top: 40px; }


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




  
  
/**
 * ================================================================================
 * Parts Settings
 * ================================================================================
 */
  
  
/**
 * Title
 * -------------------------------
 */

.da-p-ttl { margin-bottom: 20px; }

  .da-p-ttl > span {
    padding: 0 15px;
    font-size: 1.5rem;
    }
  
.da-p-ttl02 {
  padding: 8px;
  margin-bottom: 15px;
  }

  .da-p-ttl02 > span {}

  

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

/* -- .da-p-btns -- */
.da-p-btns {}
  
  
/* -- Icon -- */
.da-p-btn .da-p-btnIconBlank {}

  .da-p-btn .da-p-btnIconBlank:before,
  .da-p-btn .da-p-btnIconBlank:after {
    width: 14px;
    right: 15px;
    }

.da-p-btn .da-p-btnIconPdf {}

  .da-p-btn .da-p-btnIconPdf:after {
    width: 14px;
    height: 16px;
    right: 15px;
    }
  

/* -- .da-p-btn -- */
.da-p-btn { min-width: 90%; }

  .da-p-btn > a { padding: 10px 35px 10px 20px; }

    .da-p-btn > a:after {
      width: 12px;
      height: 12px;
      right: 15px;
      }

    .da-p-btn > a > span { font-size: 1.4rem; }
  

/* -- ApnStore -- */
.da-p-btn.da-p-btnApnstore > a {
  padding-top: 10px;
  padding-bottom: 10px;
  }

  .da-p-btn.da-p-btnApnstore > a > span > span:nth-of-type(1) {
    display: block;
    padding-top: 0;
    font-size: 1.2rem;
    }

    .da-p-btn.da-p-btnApnstore > a > span > span:nth-of-type(1) img {
      width: calc(138px * 0.8);
      margin-top: 0;
      margin-right: 0;
      margin-bottom: 3px;
      }

  .da-p-btn.da-p-btnApnstore > a > span > span:nth-of-type(2) {
    margin-top: 5px;
    padding-top: 5px;
    font-size: 1.3rem;
    }
  
  
/* -- App -- */
.da-p-btn.da-p-btnApp { min-width: 90%; }

  .da-p-btn.da-p-btnApp > a {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 3px solid #1954b8;
    }

    .da-p-btn.da-p-btnApp > a:before,
    .da-p-btn.da-p-btnApp > a:after {
      width: 10px;
      height: 10px;
      }

    .da-p-btn.da-p-btnApp > a:before { right: 20px; }
    .da-p-btn.da-p-btnApp > a:after { right: 14px; }

    .da-p-btn.da-p-btnApp > a > span { font-size: 1.3rem; }
  
  
  
/**
 * Link
 * -------------------------------
 */

.da-p-linkYoutube {}
  
  .da-p-linkYoutube dl { padding-left: 70px; }

    .da-p-linkYoutube dl:before {
      width: 55px;
      height: 55px;
      }

    .da-p-linkYoutube dl > dt {
      margin-bottom: 5px;
      font-size: 1.0rem;
      }

    .da-p-linkYoutube dl > dd {}

      .da-p-linkYoutube dl > dd > p { font-size: 1.1rem; }

      .da-p-linkYoutube dl > dd > p > * { font-size: 1.4rem; }

  

/**
 * Fuki
 * -------------------------------
 */

.da-p-fuki {}

  .da-p-fuki dl {
    padding: 10px 15px;
    border-radius: 3px;
    }

    .da-p-fuki dl:after {
      border-width: 16px 12px 0 12px;
      bottom: -15px;
      }

    .da-p-fuki dl > dt {
      background-color: #ffd700;
      padding: 2px 5px;
      margin-top: 5px;
      }

      .da-p-fuki dl > dt > span { font-size: 1.1rem; }

    .da-p-fuki dl > dd {}

      .da-p-fuki dl > dd > p { font-size: 1.2rem; }

        .da-p-fuki dl > dd > p > strong {
          margin-right: 2px;
          font-size: 1.5rem;
          }
  
  
/**
 * Wireless Carplay
 * -------------------------------
 */

.da-p-wirelessCarplay {
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 15px;
  }

.da-p-wirelessCarplay::before { width: 25%; }

.da-p-wirelessCarplay::after {
  width: 50px;
  left: 25%;
  }

  .da-p-wirelessCarplay > dt { width: 170px; }

    .da-p-wirelessCarplay > dt > span {
      left: 10px;
      width: 145px;
      height: 145px;
      text-align: center;
      border-radius: 1000px;
      }

      .da-p-wirelessCarplay > dt > span > span:nth-of-type(1) { font-size: 1.1rem; }

      .da-p-wirelessCarplay > dt > span > strong:nth-of-type(1) {
        margin-top: 5px;
        margin-bottom: 3px;
        font-size: 1.5rem;
        }

      .da-p-wirelessCarplay > dt > span > span:nth-of-type(2) { font-size: 1.2rem; }

      .da-p-wirelessCarplay > dt > span > small:nth-of-type(1) { margin-top: 6px; }

  .da-p-wirelessCarplay > dd {
    width: auto;
    flex: 1;
    color: #fff;
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1.5;
    }
  
  
  
/**
 * Table
 * -------------------------------
 */

.da-p-table {}

  .da-p-table th,
  .da-p-table td {
    padding: 5px 10px;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    font-size: 1.2rem;
    }

  .da-p-table th {
    width: 35%;
    }

  .da-p-table td {
    width: 75%;
    }

  




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


/**
 * Other Link Box
 * -------------------------------
 */

.otherLinkBox { padding: 0; }

  .otherLinkBox .otherLinkBoxTitle { display: none; }

  .otherLinkBox .otherLinkBoxInfo { padding: 0; }

    .otherLinkBox .otherLinkBoxText { display: none; }

    .otherLinkBox .otherLinkBtn01 > a {
      width: 100%;
      height: calc(100vw * (82 / 640));
      }
  
  
  
/**
 * Floating
 * -------------------------------
 */

.da-m-floating {
  margin: -20px 0 0 0;
  padding: 0;
  }

  .da-m-floating > li {
    width: 100%;
    padding-left: 0;
    margin-top: 20px;
    }
  
    .da-m-floating > li .da-m-floatingInner > dt { margin-bottom: 15px; }


      .da-m-floating > li .da-m-floatingInner > dt > span:nth-of-type(1) {
        margin-bottom: 2px;
        font-size: 1.5rem;
        }

      .da-m-floating > li .da-m-floatingInner > dt > span:nth-of-type(2) {
        padding: 5px 10px;
        font-size: 1.2rem;
        }

        .da-m-floating > li .da-m-floatingInner > dt > span:nth-of-type(2):after { width: calc(100% - 30px); }

        .da-m-floating > li .da-m-floatingInner > dt > span:nth-of-type(2) > span { padding: 0 5px; }

    .da-m-floating > li .da-m-floatingInner > dd { margin-top: 15px; }
  
  
  
/**
 * Function Lists
 * -------------------------------
 */

.da-m-funcLists {}

  .da-m-funcLists > dt {}

  .da-m-funcLists > dd {}

    .da-m-funcLists > dd > ul { margin: -10px 0 0 -10px; }

      .da-m-funcLists > dd > ul > li {
        width: 100%;
        padding: 10px 0 0 10px;
        }

        .da-m-funcLists > dd > ul > li > *:not(.da-m-modal) { border-radius: 3px; }

          .da-m-funcLists > dd > ul > li > a:after {
            width: calc(32px * 0.6);
            height: calc(32px * 0.6);
            }

        .da-m-funcLists > dd > ul > li .da-m-funcListsInner {
          height: calc(74px * 0.6);
          padding: 0 10px;
          }

          .da-m-funcLists > dd > ul > li > a .da-m-funcListsInner:before,
          .da-m-funcLists > dd > ul > li > a .da-m-funcListsInner:after {
            width: 10px;
            height: 1px;
            right: 4px;
            }

          .da-m-funcLists > dd > ul > li .da-m-funcListsInner > dt {}

            .da-m-funcLists > dd > ul > li .da-m-funcListsInner > dt > span {
              width: calc(76px * 0.6);
              height: calc(74px * 0.6);
              }

          .da-m-funcLists > dd > ul > li .da-m-funcListsInner > dd {}

            .da-m-funcLists > dd > ul > li .da-m-funcListsInner > dd > p { font-size: 1.2rem; }

              .da-m-funcLists > dd > ul > li .da-m-funcListsInner > dd > p > span { font-size: 1.0rem; }
  
  
  
/**
 * Hi-Res
 * -------------------------------
 */

.da-m-hires { padding: 0; }

  .da-m-hires > dt {
    padding: 5px 10px;
    border-bottom: 2px solid #967f39;
    }

    .da-m-hires > dt > span { font-size: 1.5rem; }

  .da-m-hires > dd {
    padding: 15px;
    border: 1px solid #cfa92c;
    border-top: none;
    }

    .da-m-hires > dd > ul { margin: -15px 0 0 -15px; }

      .da-m-hires > dd > ul > li {
        width: 100%;
        padding: 15px 0 0 15px;
        }

      .da-m-hires > dd > ul > li .da-m-hiresInner {}
  
        .da-m-hires > dd > ul > li .da-m-hiresInner > dt { width: 25%; }

            .da-m-hires > dd > ul > li .da-m-hiresInner > dt > span img {
              width: 100%;
              height: auto;
              }

        .da-m-hires > dd > ul > li .da-m-hiresInner > dd {
          width: 75%;
          padding-left: 15px;
          }


          .da-m-hires > dd > ul > li .da-m-hiresInner > dd > p {
            font-size: 1.2rem;
            line-height: 1.6;
            }
  
  
  
/**
 * Slickslider
 * -------------------------------
 */

.da-m-slicksliderMain .slick-arrow {
  width: 30px;
  height: 30px;
  }

.da-m-slicksliderMain .slick-arrow:hover { opacity: 1; }

  .da-m-slicksliderMain .slick-arrow:after {
    content: "";
    width: 8px;
    height: 8px;
    }

  .da-m-slicksliderMain .slick-prev:after { margin-left: 2px; }
  .da-m-slicksliderMain .slick-next:after { margin-left: -2px; }


/* -- .slick-dots -- */
.da-m-slicksliderMain .slick-dots {}

  .da-m-slicksliderMain .slick-dots > li { margin: 0 5px; }

    .da-m-slicksliderMain .slick-dots > li > button {
      width: 30px;
      height: 9px;
      }

    .da-m-slicksliderMain .slick-dots > li > button:hover { opacity: 1; }

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

.da-m-lineup { margin: -20px 0 0 0; }

  .da-m-lineup > li {
    width: 100%;
    margin-top: 20px;
    padding-left: 0;
    }

  .da-m-lineup > li .da-m-lineupInner > dt {
    padding-bottom: 3px;
    margin-bottom: 8px;
    }

    .da-m-lineup > li .da-m-lineupInner > dt > span > span {
      margin-top: 3px;
      font-size: 1.3rem;
      }

  .da-m-lineup > li .da-m-lineupInner > dd {}

    .da-m-lineup > li .da-m-lineupInner > dd .da-m-lineupCntRow {
      margin-top: -10px;
      margin-left: -10px;
      }

      .da-m-lineup > li .da-m-lineupInner > dd .da-m-lineupCntCol {
        padding-left: 10px;
        padding-top: 10px;
        line-height: 1.4;
        }

        .da-m-lineup > li .da-m-lineupInner > dd .da-m-lineupCntCol .da-m-lineupCntTtl {
          font-size: 1.2rem;
          margin-bottom: 5px;
          }

        .da-m-lineup > li .da-m-lineupInner > dd .da-m-lineupCntCol .da-m-lineupLinks { font-size: 1.2rem; }

          .da-m-lineup > li .da-m-lineupInner > dd .da-m-lineupCntCol .da-m-lineupLinks > li { margin-bottom: 3px; }

            .da-m-lineup > li .da-m-lineupInner > dd .da-m-lineupCntCol .da-m-lineupLinks > li > a { padding-left: 15px; }

            .da-m-lineup > li .da-m-lineupInner > dd .da-m-lineupCntCol .da-m-lineupLinks > li > a::before {
              top: 5px;
              width: 6px;
              height: 6px;
              border-top-width: 1.5px;
              border-right-width: 1.5px;
              }

        .da-m-lineup > li .da-m-lineupInner > dd .da-m-lineupCntCol .p-comments,
        .da-m-lineup > li .da-m-lineupInner > dd .da-m-lineupCntCol .p-caption {
          font-size: 1.1rem;
          line-height: 1.2;
          }

  

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

.da-m-daf9Link { display: block; }
  
  .da-m-daf9Link .da-m-daf9LinkTxt {
    width: 100%;
    padding-right: 0;
    }

  .da-m-daf9Link .da-m-daf9LinkBtn {
    width: 100%;
    margin-top: 10px;
    }

    .da-m-daf9Link .da-m-daf9LinkBtn > a {
      padding: 10px 25px 10px 10px;
      font-size: 1.3rem;
      }

      .da-m-daf9Link .da-m-daf9LinkBtn > a:before,
      .da-m-daf9Link .da-m-daf9LinkBtn > a:after {
        width: 8px;
        height: 8px;
        }

      .da-m-daf9Link .da-m-daf9LinkBtn > a:before { right: 10px; }
      .da-m-daf9Link .da-m-daf9LinkBtn > a:after { right: 14px; }
  
  
  
/**
 * Modal
 * -------------------------------
 */


/* -- .da-m-modalFunc -- */
.da-m-modalFunc {}

  .da-m-modalFunc .da-m-modalFuncInner {
    width: 100%;
    margin: 0 auto;
    }

    .da-m-modalFunc .da-m-modalFuncInner > dt {}

      .da-m-modalFunc .da-m-modalFuncInner > dt .p-caption {
        right: 10px;
        bottom: 10px;
        font-size: 10px;
        }

    .da-m-modalFunc .da-m-modalFuncInner > dd { padding: 20px 15px 15px 20px; }

      .da-m-modalFunc .da-m-modalFuncInner > dd > dl {}

        .da-m-modalFunc .da-m-modalFuncInner > dd > dl > dt {
          padding-bottom: 10px;
          margin-bottom: 15px;
          }

          .da-m-modalFunc .da-m-modalFuncInner > dd > dl > dt > span { font-size: 16px; }

        .da-m-modalFunc .da-m-modalFuncInner > dd > dl > dd { font-size: 12px; }


/* -- .da-m-modalWhats -- */
.da-m-modalWhats { padding: 25px 15px 55px 15px; }
  
  .da-m-modalWhats .da-m-modalWhatsInner {
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    }

  /* .da-m-modalWhatsTtl */
  .da-m-modalWhats .da-m-modalWhatsTtl { margin-bottom: 15px; }

    .da-m-modalWhats .da-m-modalWhatsTtl > span { font-size: 1.45rem; }


  /* .da-m-modalWhatsSlider */
  .da-m-modalWhats .da-m-modalWhatsSlider { margin: 0; }

    .da-m-modalWhats .da-m-modalWhatsSlider .slick-prev { left: 5px; }
    .da-m-modalWhats .da-m-modalWhatsSlider .slick-next { right: 5px; }

    .da-m-modalWhats .da-m-modalWhatsSlider .slick-dots { bottom: -30px; }


    /* .da-m-modalWhatsSliderInner */
    .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSliderInner {
      height: 100%;
      padding: 15px;
      }

    /* whatsSliderDlist */
    .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSliderDlist {}

      .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSliderDlist .da-m-modalWhatsSliderDlistTtl { margin-bottom: 15px; }

        .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSliderDlist .da-m-modalWhatsSliderDlistTtl > span {
          padding: 0 10px;
          font-size: 1.3rem;
          }

          .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSliderDlist .da-m-modalWhatsSliderDlistTtl > span:before {
            height: 14px;
            bottom: -3px;
            }

      .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSliderDlist .da-m-modalWhatsSliderDlistInner {}

        .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSliderDlist .da-m-modalWhatsSliderDlistInner > ul {}

          .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSliderDlist .da-m-modalWhatsSliderDlistInner > ul > li { display: inline-flex; }

    /* .da-m-modalWhatsSlider01 */
    .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSlider01 .da-m-modalWhatsSliderInner {
      background-image: url("/files/cdb/ZZ/products/displayaudio/common/2205/zz_products_displayaudio_common_whats-slider01-bg.jpg");
      background-repeat: repeat;
      background-position: 50% 50%;
      background-size: cover;
      }

      .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSlider01 .da-m-modalWhatsSliderInner h3,
      .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSlider01 .da-m-modalWhatsSliderInner img {
        width: 90%;
        height: auto;
        }
  
      .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSlider01 .da-m-modalWhatsSliderInner > h3 { margin-left: -35%; }
  
      .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSlider01 .da-m-modalWhatsSliderInner img {
        display: block;
        width: 150%;
        max-width: 150%;
        }

    /* .da-m-modalWhatsSlider02 */
    .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSlider02 .da-m-modalWhatsSliderInner {}

      .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSlider02 .da-m-modalWhatsSliderInner p {
        font-size: 1.2rem;
        line-height: 2.2;
        }

    /* .da-m-modalWhatsSlider03 */
    .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSlider03 .da-m-modalWhatsSliderInner {}

      .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSlider03 .da-m-modalWhatsSliderInner .da-m-modalWhatsSliderDlist { margin-top: 3px; }

        .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSlider03 .da-m-modalWhatsSliderInner .da-m-modalWhatsSliderDlist .da-m-modalWhatsSliderDlistInner > ul { margin-top: -10px; }

          .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSlider03 .da-m-modalWhatsSliderInner .da-m-modalWhatsSliderDlist .da-m-modalWhatsSliderDlistInner > ul > li {
            width: 100%;
            margin: 10px 0 0 0;
            }

            .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSlider03 .da-m-modalWhatsSliderInner .da-m-modalWhatsSliderDlist .da-m-modalWhatsSliderDlistInner > ul > li > dl { width: 100%; }

              .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSlider03 .da-m-modalWhatsSliderInner .da-m-modalWhatsSliderDlist .da-m-modalWhatsSliderDlistInner > ul > li > dl > dt {
                width: 80%;
                height: 30px;
                margin-bottom: 5px;
                }

                .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSlider03 .da-m-modalWhatsSliderInner .da-m-modalWhatsSliderDlist .da-m-modalWhatsSliderDlistInner > ul > li > dl > dt:before { width: calc(50% - 10px); }

                .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSlider03 .da-m-modalWhatsSliderInner .da-m-modalWhatsSliderDlist .da-m-modalWhatsSliderDlistInner > ul > li > dl > dt:after {
                  width: 20px;
                  margin-left: -10px;
                  }

                  .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSlider03 .da-m-modalWhatsSliderInner .da-m-modalWhatsSliderDlist .da-m-modalWhatsSliderDlistInner > ul > li > dl > dt > span { font-size: 12px; }

              .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSlider03 .da-m-modalWhatsSliderInner .da-m-modalWhatsSliderDlist .da-m-modalWhatsSliderDlistInner > ul > li > dl > dd {}

                .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSlider03 .da-m-modalWhatsSliderInner .da-m-modalWhatsSliderDlist .da-m-modalWhatsSliderDlistInner > ul > li > dl > dd > p {
                  padding-bottom: 10px;
                  font-size: 1.05rem;
                  line-height: 1.8;
                  }

                  .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSlider03 .da-m-modalWhatsSliderInner .da-m-modalWhatsSliderDlist .da-m-modalWhatsSliderDlistInner > ul > li > dl > dd > p .da-m-modalWhatsSliderDlistCaption {
                    display: block;
                    margin-top: 5px;
                    font-size: 1.0rem;
                    position: static;
                    }

                .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSlider03 .da-m-modalWhatsSliderInner .da-m-modalWhatsSliderDlist .da-m-modalWhatsSliderDlistInner > ul > li > dl > dd > p.da-m-modalWhatsSliderDlistImg {}
  
                  .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSlider03 .da-m-modalWhatsSliderInner .da-m-modalWhatsSliderDlist .da-m-modalWhatsSliderDlistInner > ul > li > dl > dd > p.da-m-modalWhatsSliderDlistImg img { width: 100%; }

    /* .da-m-modalWhatsSlider04 */
    .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSlider04 .da-m-modalWhatsSliderInner {}

      .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSlider04 .da-m-modalWhatsSliderInner .da-m-modalWhatsSliderDlist .da-m-modalWhatsSliderDlistInner > ul {
        width: auto;
        margin-top: -5px;
        }

        .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSlider04 .da-m-modalWhatsSliderInner .da-m-modalWhatsSliderDlist .da-m-modalWhatsSliderDlistInner > ul > li {
          width: 100%;
          height: calc(56px * 0.75);
          margin-top: 10px;
          padding-left: calc(75px * 0.75);
          }

        .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSlider04 .da-m-modalWhatsSliderInner .da-m-modalWhatsSliderDlist .da-m-modalWhatsSliderDlistInner > ul > li:nth-child(odd) { width: 100%; }

          .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSliderDlist .da-m-modalWhatsSliderDlistInner > ul > li:before {
            width: calc(56px * 0.75);
            height: calc(56px * 0.75);
            }

          .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSlider04 .da-m-modalWhatsSliderInner .da-m-modalWhatsSliderDlist .da-m-modalWhatsSliderDlistInner > ul > li > p { font-size: 11px; }


    /* .da-m-modalWhatsSlider05 */
    .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSlider05 .da-m-modalWhatsSliderInner {}

      .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSlider05 .da-m-modalWhatsSliderInner .da-m-modalWhatsSliderDlist .da-m-modalWhatsSliderDlistTtl > span:before { background-image: url("/files/cdb/ZZ/products/displayaudio/common/2205/zz_products_displayaudio_common_whats-slider-ttl-bg02.svg"); }

      .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSlider05 .da-m-modalWhatsSliderInner .da-m-modalWhatsSliderDlist .da-m-modalWhatsSliderDlistInner > ul { margin: -5px 0 0 0; }

        .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSlider05 .da-m-modalWhatsSliderInner .da-m-modalWhatsSliderDlist .da-m-modalWhatsSliderDlistInner > ul > li {
          width: 100%;
          height: calc(94px * 0.75);
          margin: 5px 0 0 0;
          padding-left: calc(75px * 0.75);
          border-radius: 5px;
          }

          .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSlider05 .da-m-modalWhatsSliderInner .da-m-modalWhatsSliderDlist .da-m-modalWhatsSliderDlistInner > ul > li:before {
            width: calc(60px * 0.75);
            height: calc(60px * 0.75);
            }

          .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSlider05 .da-m-modalWhatsSliderInner .da-m-modalWhatsSliderDlist .da-m-modalWhatsSliderDlistInner > ul > li > p { font-size: 1.0rem; }

            .da-m-modalWhats .da-m-modalWhatsSlider .da-m-modalWhatsSlider05 .da-m-modalWhatsSliderInner .da-m-modalWhatsSliderDlist .da-m-modalWhatsSliderDlistInner > ul > li > p > strong { font-size: 1.1rem; }
  
  
  
  
  
  
/**
 * ================================================================================
 * Lineup Page Settings
 * ================================================================================
 */


/**
 * Title
 * -------------------------------
 */

.da-lineup-p-sectionTitle01 { text-align: center; }

  .da-lineup-p-sectionTitle01 > span:nth-of-type(1) {
    padding: 0 10px 10px 10px;
    margin-bottom: 15px;
    }



/**
 * Product Item Lists Area
 * -------------------------------
 */

.da-lineup-m-productItemListsArea {}

  .da-lineup-m-productItemListsArea > ul > li > a {}

    .da-lineup-m-productItemListsArea > ul > li > a:before {
      width: 20px;
      height: 20px;
      }

    .da-lineup-m-productItemListsArea > ul > li > a:after {
      width: 6px;
      height: 6px;
      -webkit-transform: translate(-8px, -7px) rotate(45deg);
      transform: translate(-8px, -7px) rotate(45deg);
      }
  
  .da-lineup-m-productItemListsArea > ul > li .m-productItemListsInner { height: auto; }

    .da-lineup-m-productItemListsArea > ul > li .m-productItemListsInner .m-productItemListsCnt {}

      .da-lineup-m-productItemListsArea > ul > li .m-productItemListsInner .m-productItemListsCnt .m-productItemListsCntTop .m-productItemListsCntTopName .m-productItemListsCntTopNameMain { font-size: 1.3rem; }
  
        .da-lineup-m-productItemListsArea > ul > li .m-productItemListsInner .m-productItemListsCnt .m-productItemListsCntTop .m-productItemListsCntTopName .m-productItemListsCntTopNameMain .m-productItemListsCntTopNameMainLabel {
          padding: 3px 5px;
          font-size: 1.3rem;
          }

      .da-lineup-m-productItemListsArea > ul > li .m-productItemListsInner .m-productItemListsCnt .m-productItemListsCntTop .m-productItemListsCntTopName .m-productItemListsCntTopNameSub {
        margin-top: 10px;
        font-size: 1.2rem;
        }
  
  .m-productItemListsArea > ul > li .m-productItemListsInner .m-productItemListsCnt .m-productItemListsCntTop .m-productItemListsCntTopName .m-productItemListsCntTopNameMain { padding-top: 10px; }
  
  .m-productItemListsArea > ul > li .m-productItemListsInfo {
    margin-bottom: 3px;
    font-size: 10px;
    }

  .m-productItemListsArea > ul > li .m-productItemListsRelease {}

    .m-productItemListsArea > ul > li .m-productItemListsRelease img { width: calc(146px * 0.7); }
  
  
.da-lineup-m-productItemListsArea02 {}

  .da-lineup-m-productItemListsArea02 > ul > li > a:before,
  .da-lineup-m-productItemListsArea02 > ul > li > a:after { display: none; }

    .da-lineup-m-productItemListsArea02 > ul > li .m-productItemListsInner .m-productItemListsCnt .m-productItemListsCntTop .m-productItemListsCntTopName .m-productItemListsCntTopNameMain { font-size: 1.3rem; }

      .da-lineup-m-productItemListsArea02 > ul > li .m-productItemListsInner .m-productItemListsCnt .m-productItemListsCntTop .m-productItemListsCntTopName .m-productItemListsCntTopNameMain .m-productItemListsCntTopNameMainLabel {
        padding: 3px 10px;
        font-size: 1.3rem;
        }
    
    .da-lineup-m-productItemListsArea02 > ul > li .m-productItemListsInner .m-productItemListsCnt .m-productItemListsCntTop .m-productItemListsCntTopName .m-productItemListsCntTopNameSub {
      margin-top: 3px;
      font-size: 1.2rem;
      }

    .da-lineup-m-productItemListsArea02 > ul > li .m-productItemListsInner .m-productItemListsCnt .m-productItemListsCntTop .m-productItemListsCntTopName .m-productItemListsCntTopNameModel {
      margin-top: 5px;
      font-size: 1.1rem;
      }

  .da-lineup-m-productItemListsArea02 > ul > li .m-productItemListsInner .m-productItemListsCnt .m-productItemListsCntCaption {
    margin-right: -155%;
    margin-top: 5px;
    position: static;
    }

    .da-lineup-m-productItemListsArea02 > ul > li .m-productItemListsInner .m-productItemListsCnt .m-productItemListsCntCaption .m-productItemListsCntCaptionTxt {
      font-size: 1.0rem;
      line-height: 1.4;
      }

  
  
  

  
/**
 * ================================================================================
 * Features Page Settings
 * ================================================================================
 */


/**
 * Logo
 * -------------------------------
 */

#featuresPage .da-p-logoHdmi { width: calc(100vw * (169 / 640)); }
#featuresPage .da-p-logoBluetooth { width: calc(100vw * (168 / 640)); }
#featuresPage .da-p-logoFlac { width: calc(100vw * (98 / 640)); }
#featuresPage .da-p-logoUsb { width: calc(100vw * (81 / 640)); }
  
  
  
/**
 * Block
 * -------------------------------
 */

/* -- .da-p-sectionBlock02 -- */
#featuresPage .da-p-sectionBlock02 .da-p-btnColorBlue { height: 47px; }

  
  
  
  
  
  
/**
 * ================================================================================
 * Function Page Settings
 * ================================================================================
 */
  
  
/**
 * Block
 * -------------------------------
 */
  
/* -- .da-p-sectionBlock08 -- */
#functionsPage .da-p-sectionBlock08 .da-m-lineup {}

    #functionsPage .da-p-sectionBlock08 .da-m-lineup > li .da-m-lineupInner > dt { margin-bottom: 10px; }

      #functionsPage .da-p-sectionBlock08 .da-m-lineup > li .da-m-lineupInner > dt > span > span:nth-of-type(1) { font-size: 1.5rem; }

    #functionsPage .da-p-sectionBlock08 .da-m-lineup > li .da-m-lineupInner > dd {}

      #functionsPage .da-p-sectionBlock08 .da-m-lineup > li .da-m-lineupInner > dd > dl > dt { width: 45%; }
      #functionsPage .da-p-sectionBlock08 .da-m-lineup > li .da-m-lineupInner > dd > dl > dd { width: 55%; }

      #functionsPage .da-p-sectionBlock08 .da-m-lineup > li .da-m-lineupInner > dd > dl > dd {
        padding: 0 0 0 15px;
        font-size: 1.2rem;
        line-height: 2;
        }

        #functionsPage .da-p-sectionBlock08 .da-m-lineup > li .da-m-lineupInner > dd > dl > dt .p-caption { font-size: 1.0rem; }

#functionsPage .da-p-sectionBlock08 .da-p-btnColorBlue { height: 47px; }

  
}