@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,500;0,600;0,700;1,700&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-ffMontserrat { font-family: "Montserrat", sans-serif !important; }






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

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

.p-comments { color: #555; }



/**
 * 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;
  }

  .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-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;
  }

  .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-btnColorBlack.da-p-btnIconBlank:before,
.da-p-btn .da-p-btnColorBlack.da-p-btnIconBlank:after { background-color: #fff; }


/* -- 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: #1873dc;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 0;
    }

    .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: 16px;
      text-decoration: underline;
      }




/**
 * ================================================================================
 * 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/2106/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; }



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

.m-productItemListsArea {}



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

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

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

    .da-m-floating > li .da-m-floatingTtl {
      background-color: #ebebeb;
      display: block;
      padding: 10px 20px;
      }

      .da-m-floating > li .da-m-floatingTtl > span {
        display: block;
        position: relative;
        z-index: 1;
        color: #555;
        }

        .da-m-floating > li .da-m-floatingTtl > span:after {
          content: "";
          width: 100%;
          height: 1px;
          border-top: 1px dashed #b9b9b9;
          position: absolute;
          left: 0;
          top: 50%;
          z-index: -1;
          -wekit-transform: translateY(-50%);
          transform: translateY(-50%);
          }

        .da-m-floating > li .da-m-floatingTtl > span > span {
          background-color: #ebebeb;
          display: inline-block;
          }

        .da-m-floating > li .da-m-floatingTtl > span > span:nth-of-type(1) {
          padding-right: 15px;
          font-size: 2.2rem;
          font-weight: bold;
          }

        .da-m-floating > li .da-m-floatingTtl > span > span:nth-of-type(2) {
          padding-left: 15px;
          position: absolute;
          top: 50%;
          right: 0;
          font-size: 1.6rem;
          -wekit-transform: translateY(-50%);
          transform: translateY(-50%);
          }

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



/**
 * HDMI Connect
 * -------------------------------
 */

.da-m-hdmiConnect {
  padding-bottom: 85px;
  margin-bottom: 85px;
  border-bottom: 1px solid #ccc;
  }

.da-m-hdmiConnect:nth-last-of-type(1) {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
  }

  .da-m-hdmiConnect > dt {
    display: block;
    text-align: center;
    }

    .da-m-hdmiConnect > dt > span {
      background-color: #ebebeb;
      display: inline-block;
      padding: 5px 30px;
      position: relative;
      color: #555555;
      font-size: 1.8rem;
      }

      .da-m-hdmiConnect > dt > span:before,
      .da-m-hdmiConnect > dt > span:after {
        content: "";
        width: 15px;
        height: 100%;
        position: absolute;
        top: 0;
        }

      .da-m-hdmiConnect > dt > span:before {
        background: linear-gradient(to top right, rgba(255,255,255,0) 50%, #ebebeb 50.5%) no-repeat bottom left/100% 50%, linear-gradient(to bottom right, rgba(255,255,255,0) 50%, #ebebeb 50.5%) no-repeat top right/100% 50%;
        left: -15px;
        }

      .da-m-hdmiConnect > dt > span:after {
        background: linear-gradient(to bottom left, rgba(255,255,255,0) 50%, #ebebeb 50.5%) no-repeat top left/100% 50%, linear-gradient(to top left, rgba(255,255,255,0) 50%, #ebebeb 50.5%) no-repeat bottom right/100% 50%;
        right: -15px;
        }

  .da-m-hdmiConnect > dd { padding: 0 40px; }

    .da-m-hdmiConnect > dd .da-m-hdmiConnectSource {
      display: flex;
      align-items: center;
      border: 2px solid #0041b4;
      position: relative;
      z-index: 1;
      text-align: center;
      }

      .da-m-hdmiConnect > dd .da-m-hdmiConnectSource:before {
        content: "";
        background-color: #0041b4;
        width: 50%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        }

      .da-m-hdmiConnect > dd .da-m-hdmiConnectSource > dt,
      .da-m-hdmiConnect > dd .da-m-hdmiConnectSource > dd {
        padding: 10px;
        line-height: 1.4;
        }

      .da-m-hdmiConnect > dd .da-m-hdmiConnectSource > dt {
        display: block;
        width: 50%;
        }

        .da-m-hdmiConnect > dd .da-m-hdmiConnectSource > dt > span {
          display: inline-block;
          color: #fff;
          text-align: left;
          }

      .da-m-hdmiConnect > dd .da-m-hdmiConnectSource > dd {
        width: 50%;
        position: relative;
        }

        .da-m-hdmiConnect > dd .da-m-hdmiConnectSource > dd:before {
          content: "";
          background: linear-gradient(to bottom left, rgba(255,255,255,0) 50%, #0041b4 50.5%) no-repeat top left/100% 50%, linear-gradient(to top left, rgba(255,255,255,0) 50%, #0041b4 50.5%) no-repeat bottom right/100% 50%;
          width: 15px;
          height: 100%;
          position: absolute;
          top: 0;
          left: 0;
          }

        .da-m-hdmiConnect > dd .da-m-hdmiConnectSource > dd > p {
          display: inline-block;
          text-align: left;
          }



/**
 * 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-lineupTtl {
    display: block;
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 1px solid #bebebe;
    }

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


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

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

  .da-m-lineup > li .da-m-lineupCnt {}

    .da-m-lineup > li .da-m-lineupCnt .da-m-lineupCntInner {
      display: flex;
      align-items: flex-start;
      position: relative;
      }

      .da-m-lineup > li .da-m-lineupCnt .da-m-lineupCntInner > dt {
        display: block;
        width: 45%;
        }

      .da-m-lineup > li .da-m-lineupCnt .da-m-lineupCntInner > dd {
        width: 55%;
        padding-left: 15px;
        color: #282828;
        font-size: 1.5rem;
        line-height: 1.4;
        }

        .da-m-lineup > li .da-m-lineupCnt .da-m-lineupCntInner > dd .da-m-lineupModels > dd a {
          font-weight: bold;
          text-decoration: underline;
          }

        .da-m-lineup > li .da-m-lineupCnt .da-m-lineupCntInner > dd .da-m-lineupModels {
          width: calc(55% - 15px);
          position: absolute;
          bottom: 0;
          }

          .da-m-lineup > li .da-m-lineupCnt .da-m-lineupCntInner > dd .da-m-lineupModels > dt {
            display: block;
            color: #000;
            }

          .da-m-lineup > li .da-m-lineupCnt .da-m-lineupCntInner > dd .da-m-lineupModels > dd:nth-of-type(1) { padding-top: 5px; }

            .da-m-lineup > li .da-m-lineupCnt .da-m-lineupCntInner > dd .da-m-lineupModels > dd:nth-of-type(1) > ul {
              margin-left: -5px;
              list-style: none;
              letter-spacing: -.40em;
              }

              .da-m-lineup > li .da-m-lineupCnt .da-m-lineupCntInner > dd .da-m-lineupModels > dd:nth-of-type(1) > ul > li {
                display: inline-block;
                width: 33.3333%;
                padding-left: 5px;
                letter-spacing: normal;
                vertical-align: top;
                }

                .da-m-lineup > li .da-m-lineupCnt .da-m-lineupCntInner > dd .da-m-lineupModels > dd:nth-of-type(1) > ul > li > span {
                  background-color: #0041b4;
                  display: block;
                  padding: 5px;
                  color: #fff;
                  font-size: 1.3rem;
                  line-height: 1;
                  text-align: center;
                  border-radius: 1000px;
                  }

          .da-m-lineup > li .da-m-lineupCnt .da-m-lineupCntInner > dd .da-m-lineupModels > dd:nth-of-type(2) { padding-top: 15px; }

            .da-m-lineup > li .da-m-lineupCnt .da-m-lineupCntInner > dd .da-m-lineupModels > dd:nth-of-type(2) > p { margin-bottom: 5px; }

            .da-m-lineup > li .da-m-lineupCnt .da-m-lineupCntInner > dd .da-m-lineupModels > dd:nth-of-type(2) > p:nth-last-of-type(1) { margin-bottom: 0; }



/**
 * 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
 * -------------------------------
 */

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

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






/**
 * ================================================================================
 * 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 {}

  .da-lineup-m-productItemListsArea > ul > li > a {
    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.3rem; }
    
    .da-lineup-m-productItemListsArea > ul > li .m-productItemListsInner .m-productItemListsCnt .m-productItemListsCntTop .m-productItemListsCntTopName .m-productItemListsCntTopNameSub {
      margin-top: 25px;
      color: #003eab;
      font-size: 1.8rem;
      font-weight: normal;
      }






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






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


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

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



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

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

  .da-p-sectionBlock02 .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
 * ================================================================================
 */

/**
 * 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-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;
    }

    .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: 13px; }

  




/**
 * ================================================================================
 * 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-floatingTtl { padding: 5px 10px; }

      .da-m-floating > li .da-m-floatingTtl > span {}

        .da-m-floating > li .da-m-floatingTtl > span > span:nth-of-type(1) {
          padding-right: 10px;
          font-size: 1.5rem;
          }

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

    .da-m-floating > li .da-m-floatingCnt { margin-top: 15px; }
  
  
  
/**
 * HDMI Connect
 * -------------------------------
 */

.da-m-hdmiConnect {
  padding-bottom: 40px;
  margin-bottom: 40px;
  }

  .da-m-hdmiConnect > dt {}

    .da-m-hdmiConnect > dt > span {
      padding: 3px 15px;
      font-size: 1.3rem;
      }

      .da-m-hdmiConnect > dt > span:before,
      .da-m-hdmiConnect > dt > span:after { width: 10px; }

      .da-m-hdmiConnect > dt > span:before { left: -10px; }

      .da-m-hdmiConnect > dt > span:after { right: -10px; }

  .da-m-hdmiConnect > dd { padding: 0 10px; }

    .da-m-hdmiConnect > dd .da-m-hdmiConnectSource {
      display: block;
      border: 2px solid #0041b4;
      }

      .da-m-hdmiConnect > dd .da-m-hdmiConnectSource:before { display: none; }

      .da-m-hdmiConnect > dd .da-m-hdmiConnectSource > dt,
      .da-m-hdmiConnect > dd .da-m-hdmiConnectSource > dd { padding: 10px; }

      .da-m-hdmiConnect > dd .da-m-hdmiConnectSource > dt {
        background-color: #0041aa;;
        width: 100%;
        padding-bottom: 5px;
        }

        .da-m-hdmiConnect > dd .da-m-hdmiConnectSource > dt > span { text-align: center; }

      .da-m-hdmiConnect > dd .da-m-hdmiConnectSource > dd {
        width: 100%;
        padding-top: 30px;
        }

        .da-m-hdmiConnect > dd .da-m-hdmiConnectSource > dd:before {
          content: "";
          background: linear-gradient(to top right, rgba(255,255,255,0) 50%, #0041b4 50.5%) no-repeat top left/50% 100%, linear-gradient(to top left, rgba(255,255,255,0) 50%, #0041b4 50.5%) no-repeat top right/50% 100%;
          width: 100%;
          height: 20px;
          }

        .da-m-hdmiConnect > dd .da-m-hdmiConnectSource > dd > p { text-align: center; }
  
  
  
/**
 * 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-lineupTtl {
    padding-bottom: 3px;
    margin-bottom: 8px;
    }

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

  .da-m-lineup > li .da-m-lineupCnt {}

    .da-m-lineup > li .da-m-lineupCnt .da-m-lineupCntInner {}

      .da-m-lineup > li .da-m-lineupCnt .da-m-lineupCntInner > dt {
        width: 40%;
        }

      .da-m-lineup > li .da-m-lineupCnt .da-m-lineupCntInner > dd {
        width: 60%;
        padding-left: 10px;
        font-size: 1.2rem;
        }
  
        .da-m-lineup > li .da-m-lineupCnt .da-m-lineupCntInner > dd br { display: none; }

        .da-m-lineup > li .da-m-lineupCnt .da-m-lineupCntInner > dd .da-m-lineupModels {
          width: 100%;
          margin-top: 10px;
          position: static;
          }

          .da-m-lineup > li .da-m-lineupCnt .da-m-lineupCntInner > dd .da-m-lineupModels > dt {}

          .da-m-lineup > li .da-m-lineupCnt .da-m-lineupCntInner > dd .da-m-lineupModels > dd:nth-of-type(1) { padding-top: 3px; }

            .da-m-lineup > li .da-m-lineupCnt .da-m-lineupCntInner > dd .da-m-lineupModels > dd:nth-of-type(1) > ul { margin-left: -2px; }

              .da-m-lineup > li .da-m-lineupCnt .da-m-lineupCntInner > dd .da-m-lineupModels > dd:nth-of-type(1) > ul > li {
                width: 33.3333%;
                padding-left: 2px;
                }

                .da-m-lineup > li .da-m-lineupCnt .da-m-lineupCntInner > dd .da-m-lineupModels > dd:nth-of-type(1) > ul > li > span {
                  padding: 3px;
                  font-size: 1.1rem;
                  }

          .da-m-lineup > li .da-m-lineupCnt .da-m-lineupCntInner > dd .da-m-lineupModels > dd:nth-of-type(2) { padding-top: 5px; }

            .da-m-lineup > li .da-m-lineupCnt .da-m-lineupCntInner > dd .da-m-lineupModels > dd:nth-of-type(2) > p { margin-bottom: 3px; }
  
  

/**
 * 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; }
  
  
  
  
  
  
/**
 * ================================================================================
 * 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: 130px; }

    .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-productItemListsCntTopNameSub {
        margin-top: 10px;
        font-size: 1.2rem;
        }






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


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

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

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


  
}