@charset "utf-8";


/**
 * Speaker (MetioSound) Common Style
 * ================================================================================
 * Table of Contents:
 *
 * Common Settings
 * Parts Settings
 * Module Settings
 * Other Settings
 * ================================================================================
 */



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



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



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

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

#m-floating > ul {
  margin-top: -10px;
}

#m-floating > ul > li {
  display: block;
  margin-top: 10px;
}

/* -- .sp-m-floatingShop -- */
.sp-m-floatingShop > a {
  height: 110px;
  border-radius: 0;
  background-image: url('/files/cdb/ZZ/products/speaker/common/2507/zz_products_speaker_common_floating-shop.svg');
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100% auto;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
}

@media only screen and (max-width: 767px) {
 #m-floating > ul {
    display: flex;
    align-items: stretch;
    margin-top: 0;
  }

 #m-floating > ul > li {
    display: inline-block;
    width: 50%;
    margin-top: 0;
    border-left: 1px solid #000;
  }
  
 #m-floating > ul > li:nth-of-type(1) {
    border-left: none;
  }
  
 #m-floating > ul > li > a {
    height: 100px;
  }

  /* -- .sp-m-floatingShop -- */
 .sp-m-floatingShop {
    position: relative;
    z-index: 1;
    background: linear-gradient(90deg, rgba(0,153,214,1) 0%, rgba(40,26,180,1) 45%, rgba(148,26,171,1) 75%, rgba(225,110,33,1) 100%);
    padding: 2px;
  }
  
 .sp-m-floatingShop::before {
    position: absolute;
    top: 2px;
    left: 2px;
    z-index: -1;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    background-image: url('/files/cdb/ZZ/products/speaker/common/2507/zz_products_speaker_common_floating-shop-bg-sp.svg');
    background-repeat: repeat-x;
    background-position: 50% 50%;
    background-size: auto 100%;
    content: '';
  }
  
 .sp-m-floatingShop > a {
    border-radius: 0;
    background-image: url('/files/cdb/ZZ/products/speaker/common/2507/zz_products_speaker_common_floating-shop-sp.svg');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: auto 100%;
    height: 100px;
  }
}