#mainContent {
  background-color: #000; }
.dirpath {
  margin-top: 0; }

#top .kvArea {
  background: #000;
  position: relative; }
  #top .kvArea .mainVisual {
    padding-top: 55.51%;
    background: url("../img/x-premium-top-kv-bg.jpg") no-repeat 0 0;
    background-size: cover;
    opacity: 0; }
  #top .kvArea .mainVisualCopy {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0; }
    #top .kvArea .mainVisualCopy img {
      width: 100%;
      height: auto; }

#topNavi .wrapper {
  padding-top: 1px; }
  #topNavi .wrapper .topNavi {
    margin: 0;
    padding: 0;
    font-size: 0;
    font-size: 16px;
    color: #FFF;
    line-height: 25px; }
    #topNavi .wrapper .topNavi .leftBox, #topNavi .wrapper .topNavi .rightBox {
      position: relative;
      overflow: hidden;
      display: block;
      text-align: center;
      height: 0;
      padding-top: 24%;
      background: #000;
      border-bottom: 1px solid #FFF; }
      #topNavi .wrapper .topNavi .leftBox a, #topNavi .wrapper .topNavi .rightBox a {
        color: #FFF;
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1; }
      #topNavi .wrapper .topNavi .leftBox .btnInner, #topNavi .wrapper .topNavi .rightBox .btnInner {
        position: absolute;
        /*top:30%;*/
        bottom: 5%;
        width: 100%; }
        #topNavi .wrapper .topNavi .leftBox .btnInner p.btnTitle, #topNavi .wrapper .topNavi .rightBox .btnInner p.btnTitle {
          width: 100%; }
        #topNavi .wrapper .topNavi .leftBox .btnInner p.btnCopy, #topNavi .wrapper .topNavi .rightBox .btnInner p.btnCopy {
          width: 100%;
          margin: 6% 0 5% 0; }
        #topNavi .wrapper .topNavi .leftBox .btnInner p.btnView, #topNavi .wrapper .topNavi .rightBox .btnInner p.btnView {
          width: 100%; }
      #topNavi .wrapper .topNavi .leftBox:after, #topNavi .wrapper .topNavi .rightBox:after {
        position: absolute;
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        top: 0; }
      #topNavi .wrapper .topNavi .leftBox:hover:after, #topNavi .wrapper .topNavi .rightBox:hover:after {
        transform: scale(1.2);
        filter: blur(5px);
        opacity: 0.7; }
    #topNavi .wrapper .topNavi .leftBox {
      float: left;
      width: 50%; }
    #topNavi .wrapper .topNavi .rightBox {
      float: right;
      width: 49.9%; }
    #topNavi .wrapper .topNavi .techBtn:after {
      background: url("../img/x-premium-top-techbtn-bg.jpg") center center no-repeat;
      background-blend-mode: multiply;
      background-size: cover;
      transition: all 0.3s ease-out; }
    #topNavi .wrapper .topNavi .designBtn:after {
      background: url("../img/x-premium-top-design-bg.jpg") center center no-repeat;
      background-blend-mode: multiply;
      background-size: cover;
      transition: all 0.3s ease-out; }
    #topNavi .wrapper .topNavi .lineupBtn:after {
      background: url("../img/x-premium-top-lineupbtn-bg.jpg") center center no-repeat;
      background-blend-mode: multiply;
      background-size: cover;
      transition: all 0.3s ease-out; }
    #topNavi .wrapper .topNavi .developBtn:after {
      background: url("../img/x-premium-top-developbtn-bg.jpg") center center no-repeat;
      background-blend-mode: multiply;
      background-size: cover;
      transition: all 0.3s ease-out; }


/* -- 1901追加分 -- */
#top .kvArea .mainVisual {
  padding-top: 0;
  background: none; }
  #top .kvArea .mainVisual video {
    background: url(../../../../../../files/other/products/speaker/x-premium-sound/img/x-premium-top-kv-bg.jpg) no-repeat 50% 50%;
    background-size: cover;
    width: 100%;
    position: relative;
    z-index: 1; }
  #top .kvArea .mainVisual h1 {
    background: url(../../../../../../files/other/products/speaker/x-premium-sound/img/x-premium-top-kv-bg.jpg) no-repeat 50% 50%;
    background-size: cover;
    width: 100%;
    margin: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2; }
    #top .kvArea .mainVisual h1 img {
      width: 100%; }
#top .kvArea .mainVisualCopy {
  height: 170px;
  position: static;
  text-align: center;
  opacity: 1; }
  #top .kvArea .mainVisualCopy h2 {
    margin: 0;
    padding: 45px 0 15px 0; }
    #top .kvArea .mainVisualCopy img {
      width: auto;
      opacity: 0; }
    #top .kvArea .mainVisualCopy h1 img {
      margin-top: 40px; }

#features .featuresWrap {
  padding-top: 52.25%;
  position: relative;
  overflow: hidden; }
  #features .featuresOverlay {
    background-color: #111;
    width: 100%;
    height: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1; }
  #features .featuresWrap .featuresImg {
    width: 100%;
    margin-top: 400px;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    }
    #features .featuresWrap .featuresImg img {
      width: 100%;
      -webkit-transition: 1s ease-out;
      -moz-transition: 1s ease-out;
      transition: 1s ease-out;
      }
  #features .featuresWrap .featuresCopy {
    width: 100%;
    position: absolute;
    z-index: 3; }
    #features .featuresWrap .featuresCopy img {
      margin-top: 40px;
      opacity: 0;
      position: absolute;
      top: 0; }
  #features .featuresWrap .featuresBtn {
    opacity: 0;
    position: absolute;
    z-index: 4; }
  /* #features01 */
  #features #features01 .featuresCopy {
    top: 35.57%;
    left: 170px; }
    #features #features01 .featuresCopy img {
      left: 0; }
  /* #features02 */
  #features .features02Ttl {
    padding: 70px 0;
    text-align: center; }
  #features #features02 .featuresCopy {
    top: 24.21%;
    right: 170px; }
    #features #features02 .featuresCopy img {
      right: 0; }
  #features #features02 .featuresBtn {
    top: 71.3%;
    left: 170px;
    }
    #features #features02 .featuresBtn a img {
      -webkit-transition: 0.2s ease-out;
      -moz-transition: 0.2s ease-out;
      transition: 0.2s ease-out;
      }

#topNavi .wrapper .topNavi .leftBox, #topNavi .wrapper .topNavi .rightBox {
      border-bottom: 1px solid #000; }



/*# sourceMappingURL=top.css.map */