/* Compiled from SCSS */
html.sp {
  /*--------------------------------------------------------------------------*/
  /* SOFTWARE */
  /*--------------------------------------------------------------------------*/
}
html.sp body.page-template-speaker-system-php .contents-wrapper,
html.sp body.page-template-speaker-unit-php .contents-wrapper,
html.sp body.page-template-speaker-peripheral-php .contents-wrapper,
html.sp body.page-template-headphone-php .contents-wrapper,
html.sp body.page-template-dac-php .contents-wrapper,
html.sp body.page-template-recorder-php .contents-wrapper,
html.sp body.page-template-microphone-php .contents-wrapper {
  margin-bottom: 60px;
  zoom: 1;
  overflow: hidden;
}
html.sp body.page-template-speaker-system-php .contents-wrapper:after,
html.sp body.page-template-speaker-unit-php .contents-wrapper:after,
html.sp body.page-template-speaker-peripheral-php .contents-wrapper:after,
html.sp body.page-template-headphone-php .contents-wrapper:after,
html.sp body.page-template-dac-php .contents-wrapper:after,
html.sp body.page-template-recorder-php .contents-wrapper:after,
html.sp body.page-template-microphone-php .contents-wrapper:after {
  content: "";
  display: block;
  clear: both;
}
html.sp body.page-template-speaker-system-php .page-title,
html.sp body.page-template-speaker-unit-php .page-title,
html.sp body.page-template-speaker-peripheral-php .page-title,
html.sp body.page-template-headphone-php .page-title,
html.sp body.page-template-dac-php .page-title,
html.sp body.page-template-recorder-php .page-title,
html.sp body.page-template-microphone-php .page-title {
  font-family: "メイリオ", Meiryo, sans-serif;
  font-weight: bold;
  font-size: 21px;
  margin: 25px 0 25px 0px;
}
html.sp body.page-template-speaker-system-php .viewport,
html.sp body.page-template-speaker-unit-php .viewport,
html.sp body.page-template-speaker-peripheral-php .viewport,
html.sp body.page-template-headphone-php .viewport,
html.sp body.page-template-dac-php .viewport,
html.sp body.page-template-recorder-php .viewport,
html.sp body.page-template-microphone-php .viewport {
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  -webkit-transform: translateZ(0);
  /* Optional: When heavy at iOS6+ */
}
html.sp body.page-template-speaker-system-php .viewport .flipsnap,
html.sp body.page-template-speaker-unit-php .viewport .flipsnap,
html.sp body.page-template-speaker-peripheral-php .viewport .flipsnap,
html.sp body.page-template-headphone-php .viewport .flipsnap,
html.sp body.page-template-dac-php .viewport .flipsnap,
html.sp body.page-template-recorder-php .viewport .flipsnap,
html.sp body.page-template-microphone-php .viewport .flipsnap {
  width: 960px;
  /* 320px(item width) * 3(item count) */
}
html.sp body.page-template-speaker-system-php .viewport .flipsnap .item,
html.sp body.page-template-speaker-unit-php .viewport .flipsnap .item,
html.sp body.page-template-speaker-peripheral-php .viewport .flipsnap .item,
html.sp body.page-template-headphone-php .viewport .flipsnap .item,
html.sp body.page-template-dac-php .viewport .flipsnap .item,
html.sp body.page-template-recorder-php .viewport .flipsnap .item,
html.sp body.page-template-microphone-php .viewport .flipsnap .item {
  float: left;
  width: 320px;
}
html.sp body.page-template-speaker-system-php .viewport .flipsnap .item .caption,
html.sp body.page-template-speaker-unit-php .viewport .flipsnap .item .caption,
html.sp body.page-template-speaker-peripheral-php .viewport .flipsnap .item .caption,
html.sp body.page-template-headphone-php .viewport .flipsnap .item .caption,
html.sp body.page-template-dac-php .viewport .flipsnap .item .caption,
html.sp body.page-template-recorder-php .viewport .flipsnap .item .caption,
html.sp body.page-template-microphone-php .viewport .flipsnap .item .caption {
  display: none;
}
html.sp body.page-template-speaker-system-php .viewport .flipsnap:after,
html.sp body.page-template-speaker-unit-php .viewport .flipsnap:after,
html.sp body.page-template-speaker-peripheral-php .viewport .flipsnap:after,
html.sp body.page-template-headphone-php .viewport .flipsnap:after,
html.sp body.page-template-dac-php .viewport .flipsnap:after,
html.sp body.page-template-recorder-php .viewport .flipsnap:after,
html.sp body.page-template-microphone-php .viewport .flipsnap:after {
  content: '';
  display: block;
  clear: both;
  height: 0;
}
html.sp body.page-template-speaker-system-php .viewport .pointer-wrapper,
html.sp body.page-template-speaker-unit-php .viewport .pointer-wrapper,
html.sp body.page-template-speaker-peripheral-php .viewport .pointer-wrapper,
html.sp body.page-template-headphone-php .viewport .pointer-wrapper,
html.sp body.page-template-dac-php .viewport .pointer-wrapper,
html.sp body.page-template-recorder-php .viewport .pointer-wrapper,
html.sp body.page-template-microphone-php .viewport .pointer-wrapper {
  zoom: 1;
  position: absolute;
  bottom: 10px;
  text-align: center;
  width: 100%;
}
html.sp body.page-template-speaker-system-php .viewport .pointer-wrapper:after,
html.sp body.page-template-speaker-unit-php .viewport .pointer-wrapper:after,
html.sp body.page-template-speaker-peripheral-php .viewport .pointer-wrapper:after,
html.sp body.page-template-headphone-php .viewport .pointer-wrapper:after,
html.sp body.page-template-dac-php .viewport .pointer-wrapper:after,
html.sp body.page-template-recorder-php .viewport .pointer-wrapper:after,
html.sp body.page-template-microphone-php .viewport .pointer-wrapper:after {
  content: "";
  display: block;
  clear: both;
}
html.sp body.page-template-speaker-system-php .viewport .pointer-wrapper span,
html.sp body.page-template-speaker-unit-php .viewport .pointer-wrapper span,
html.sp body.page-template-speaker-peripheral-php .viewport .pointer-wrapper span,
html.sp body.page-template-headphone-php .viewport .pointer-wrapper span,
html.sp body.page-template-dac-php .viewport .pointer-wrapper span,
html.sp body.page-template-recorder-php .viewport .pointer-wrapper span,
html.sp body.page-template-microphone-php .viewport .pointer-wrapper span {
  -webkit-transition: all 200ms ease-out;
  -moz-transition: all 200ms ease-out;
  -ms-transition: all 200ms ease-out;
  -o-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
  -webkit-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
  display: inline-block;
  height: 8px;
  width: 8px;
  margin: 0 4px;
  background-color: #a0a0a0;
  opacity: 0.33;
  filter: alpha(opacity=33);
  /* ie lt 8 */
  -ms-filter: "alpha(opacity=33)";
  /* ie 8 */
  zoom: 1;
  /* ie lt 9 */
}
html.sp body.page-template-speaker-system-php .viewport .pointer-wrapper span.current,
html.sp body.page-template-speaker-unit-php .viewport .pointer-wrapper span.current,
html.sp body.page-template-speaker-peripheral-php .viewport .pointer-wrapper span.current,
html.sp body.page-template-headphone-php .viewport .pointer-wrapper span.current,
html.sp body.page-template-dac-php .viewport .pointer-wrapper span.current,
html.sp body.page-template-recorder-php .viewport .pointer-wrapper span.current,
html.sp body.page-template-microphone-php .viewport .pointer-wrapper span.current {
  opacity: 0.66;
  filter: alpha(opacity=66);
  /* ie lt 8 */
  -ms-filter: "alpha(opacity=66)";
  /* ie 8 */
  zoom: 1;
  /* ie lt 9 */
}
html.sp body.page-template-speaker-system-php .viewport,
html.sp body.page-template-speaker-unit-php .viewport,
html.sp body.page-template-speaker-peripheral-php .viewport,
html.sp body.page-template-headphone-php .viewport,
html.sp body.page-template-dac-php .viewport,
html.sp body.page-template-recorder-php .viewport,
html.sp body.page-template-microphone-php .viewport {
  border-bottom: 1px solid #7f7f7f;
}
html.sp body.page-template-speaker-system-php .viewport .flipsnap .item,
html.sp body.page-template-speaker-unit-php .viewport .flipsnap .item,
html.sp body.page-template-speaker-peripheral-php .viewport .flipsnap .item,
html.sp body.page-template-headphone-php .viewport .flipsnap .item,
html.sp body.page-template-dac-php .viewport .flipsnap .item,
html.sp body.page-template-recorder-php .viewport .flipsnap .item,
html.sp body.page-template-microphone-php .viewport .flipsnap .item {
  padding: 0 0 30px 0;
}
html.sp body.page-template-speaker-system-php .viewport .flipsnap .item img,
html.sp body.page-template-speaker-unit-php .viewport .flipsnap .item img,
html.sp body.page-template-speaker-peripheral-php .viewport .flipsnap .item img,
html.sp body.page-template-headphone-php .viewport .flipsnap .item img,
html.sp body.page-template-dac-php .viewport .flipsnap .item img,
html.sp body.page-template-recorder-php .viewport .flipsnap .item img,
html.sp body.page-template-microphone-php .viewport .flipsnap .item img {
  width: 55%;
  margin: 0 0 0 45%;
}
html.sp body.page-template-speaker-system-php .viewport .flipsnap .item .text-wrapper,
html.sp body.page-template-speaker-unit-php .viewport .flipsnap .item .text-wrapper,
html.sp body.page-template-speaker-peripheral-php .viewport .flipsnap .item .text-wrapper,
html.sp body.page-template-headphone-php .viewport .flipsnap .item .text-wrapper,
html.sp body.page-template-dac-php .viewport .flipsnap .item .text-wrapper,
html.sp body.page-template-recorder-php .viewport .flipsnap .item .text-wrapper,
html.sp body.page-template-microphone-php .viewport .flipsnap .item .text-wrapper {
  position: absolute;
  width: 45%;
  left: 0;
  top: 50%;
  margin: -65px 0 0 0;
}
html.sp body.page-template-speaker-system-php .viewport .flipsnap .item .text-wrapper .title,
html.sp body.page-template-speaker-unit-php .viewport .flipsnap .item .text-wrapper .title,
html.sp body.page-template-speaker-peripheral-php .viewport .flipsnap .item .text-wrapper .title,
html.sp body.page-template-headphone-php .viewport .flipsnap .item .text-wrapper .title,
html.sp body.page-template-dac-php .viewport .flipsnap .item .text-wrapper .title,
html.sp body.page-template-recorder-php .viewport .flipsnap .item .text-wrapper .title,
html.sp body.page-template-microphone-php .viewport .flipsnap .item .text-wrapper .title {
  font-size: 26px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 200;
  margin: 0 0 0 0;
  line-height: 1.2em;
}
html.sp body.page-template-speaker-system-php .viewport .flipsnap .item .text-wrapper .catch-copy,
html.sp body.page-template-speaker-unit-php .viewport .flipsnap .item .text-wrapper .catch-copy,
html.sp body.page-template-speaker-peripheral-php .viewport .flipsnap .item .text-wrapper .catch-copy,
html.sp body.page-template-headphone-php .viewport .flipsnap .item .text-wrapper .catch-copy,
html.sp body.page-template-dac-php .viewport .flipsnap .item .text-wrapper .catch-copy,
html.sp body.page-template-recorder-php .viewport .flipsnap .item .text-wrapper .catch-copy,
html.sp body.page-template-microphone-php .viewport .flipsnap .item .text-wrapper .catch-copy {
  font-size: 10px;
  font-weight: 300;
  line-height: 1.25em;
  margin: 8px 0 0 0;
}
html.sp body.page-template-speaker-system-php .viewport .flipsnap .item .text-wrapper .summary,
html.sp body.page-template-speaker-unit-php .viewport .flipsnap .item .text-wrapper .summary,
html.sp body.page-template-speaker-peripheral-php .viewport .flipsnap .item .text-wrapper .summary,
html.sp body.page-template-headphone-php .viewport .flipsnap .item .text-wrapper .summary,
html.sp body.page-template-dac-php .viewport .flipsnap .item .text-wrapper .summary,
html.sp body.page-template-recorder-php .viewport .flipsnap .item .text-wrapper .summary,
html.sp body.page-template-microphone-php .viewport .flipsnap .item .text-wrapper .summary {
  font-size: 12px;
  line-height: 1.25em;
  width: 480px;
  margin: 0 0 0 0;
  display: none;
}
html.sp body.page-template-speaker-system-php .viewport .flipsnap .item .text-wrapper .link-button,
html.sp body.page-template-speaker-unit-php .viewport .flipsnap .item .text-wrapper .link-button,
html.sp body.page-template-speaker-peripheral-php .viewport .flipsnap .item .text-wrapper .link-button,
html.sp body.page-template-headphone-php .viewport .flipsnap .item .text-wrapper .link-button,
html.sp body.page-template-dac-php .viewport .flipsnap .item .text-wrapper .link-button,
html.sp body.page-template-recorder-php .viewport .flipsnap .item .text-wrapper .link-button,
html.sp body.page-template-microphone-php .viewport .flipsnap .item .text-wrapper .link-button {
  margin-top: 10px;
}
html.sp body.page-template-speaker-system-php .viewport .flipsnap .item .text-wrapper .link-button a,
html.sp body.page-template-speaker-unit-php .viewport .flipsnap .item .text-wrapper .link-button a,
html.sp body.page-template-speaker-peripheral-php .viewport .flipsnap .item .text-wrapper .link-button a,
html.sp body.page-template-headphone-php .viewport .flipsnap .item .text-wrapper .link-button a,
html.sp body.page-template-dac-php .viewport .flipsnap .item .text-wrapper .link-button a,
html.sp body.page-template-recorder-php .viewport .flipsnap .item .text-wrapper .link-button a,
html.sp body.page-template-microphone-php .viewport .flipsnap .item .text-wrapper .link-button a {
  -webkit-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
  font-size: 10px;
  font-weight: normal;
  display: block;
  background-color: #ff6600;
  color: #fff;
  width: 120px;
  line-height: 25px;
  text-align: center;
}
html.sp body.page-template-speaker-system-php .viewport .flipsnap .item .caption,
html.sp body.page-template-speaker-system-php .viewport .flipsnap .item .caption-black,
html.sp body.page-template-speaker-system-php .viewport .flipsnap .item .caption-white,
html.sp body.page-template-speaker-unit-php .viewport .flipsnap .item .caption,
html.sp body.page-template-speaker-unit-php .viewport .flipsnap .item .caption-black,
html.sp body.page-template-speaker-unit-php .viewport .flipsnap .item .caption-white,
html.sp body.page-template-speaker-peripheral-php .viewport .flipsnap .item .caption,
html.sp body.page-template-speaker-peripheral-php .viewport .flipsnap .item .caption-black,
html.sp body.page-template-speaker-peripheral-php .viewport .flipsnap .item .caption-white,
html.sp body.page-template-headphone-php .viewport .flipsnap .item .caption,
html.sp body.page-template-headphone-php .viewport .flipsnap .item .caption-black,
html.sp body.page-template-headphone-php .viewport .flipsnap .item .caption-white,
html.sp body.page-template-dac-php .viewport .flipsnap .item .caption,
html.sp body.page-template-dac-php .viewport .flipsnap .item .caption-black,
html.sp body.page-template-dac-php .viewport .flipsnap .item .caption-white,
html.sp body.page-template-recorder-php .viewport .flipsnap .item .caption,
html.sp body.page-template-recorder-php .viewport .flipsnap .item .caption-black,
html.sp body.page-template-recorder-php .viewport .flipsnap .item .caption-white,
html.sp body.page-template-microphone-php .viewport .flipsnap .item .caption,
html.sp body.page-template-microphone-php .viewport .flipsnap .item .caption-black,
html.sp body.page-template-microphone-php .viewport .flipsnap .item .caption-white {
  font-size: 10px;
  color: #b0b0b0;
  position: absolute;
  right: 10px;
  bottom: 10px;
}
html.sp body.page-template-speaker-system-php hr.line,
html.sp body.page-template-speaker-unit-php hr.line,
html.sp body.page-template-speaker-peripheral-php hr.line,
html.sp body.page-template-headphone-php hr.line,
html.sp body.page-template-dac-php hr.line,
html.sp body.page-template-recorder-php hr.line,
html.sp body.page-template-microphone-php hr.line {
  margin: 30px 0 0 0;
  border: none;
  border-bottom: 1px solid #7f7f7f;
}
html.sp body.page-template-speaker-system-php .category-02,
html.sp body.page-template-speaker-unit-php .category-02,
html.sp body.page-template-speaker-peripheral-php .category-02,
html.sp body.page-template-headphone-php .category-02,
html.sp body.page-template-dac-php .category-02,
html.sp body.page-template-recorder-php .category-02,
html.sp body.page-template-microphone-php .category-02 {
  border-bottom: 1px solid #7f7f7f;
  padding-top: 1px;
  padding-bottom: 5px;
  clear: both;
}
html.sp body.page-template-speaker-system-php .category-02 .headline,
html.sp body.page-template-speaker-unit-php .category-02 .headline,
html.sp body.page-template-speaker-peripheral-php .category-02 .headline,
html.sp body.page-template-headphone-php .category-02 .headline,
html.sp body.page-template-dac-php .category-02 .headline,
html.sp body.page-template-recorder-php .category-02 .headline,
html.sp body.page-template-microphone-php .category-02 .headline {
  font-family: "メイリオ", Meiryo, sans-serif;
  font-weight: bold;
  font-size: 18px;
  text-align: left;
  margin: 22px 0 0px 0;
}
html.sp body.page-template-speaker-system-php .category-02 hr,
html.sp body.page-template-speaker-unit-php .category-02 hr,
html.sp body.page-template-speaker-peripheral-php .category-02 hr,
html.sp body.page-template-headphone-php .category-02 hr,
html.sp body.page-template-dac-php .category-02 hr,
html.sp body.page-template-recorder-php .category-02 hr,
html.sp body.page-template-microphone-php .category-02 hr {
  border: none;
  border-bottom: 1px solid #dcdcdc;
}
html.sp body.page-template-speaker-system-php .category-02 .category-03,
html.sp body.page-template-speaker-unit-php .category-02 .category-03,
html.sp body.page-template-speaker-peripheral-php .category-02 .category-03,
html.sp body.page-template-headphone-php .category-02 .category-03,
html.sp body.page-template-dac-php .category-02 .category-03,
html.sp body.page-template-recorder-php .category-02 .category-03,
html.sp body.page-template-microphone-php .category-02 .category-03 {
  display: block;
  padding: 0 0 15px 0;
  margin: 22px 0 0 0;
  border: none;
  border-right: none;
  border-bottom: 1px solid #dcdcdc;
  width: 100%;
  font-size: 12px;
}
html.sp body.page-template-speaker-system-php .category-02 .category-03:last-child,
html.sp body.page-template-speaker-unit-php .category-02 .category-03:last-child,
html.sp body.page-template-speaker-peripheral-php .category-02 .category-03:last-child,
html.sp body.page-template-headphone-php .category-02 .category-03:last-child,
html.sp body.page-template-dac-php .category-02 .category-03:last-child,
html.sp body.page-template-recorder-php .category-02 .category-03:last-child,
html.sp body.page-template-microphone-php .category-02 .category-03:last-child {
  border-right: none;
  border-bottom: none;
}
html.sp body.page-template-speaker-system-php .category-02 .category-03.right-edge,
html.sp body.page-template-speaker-unit-php .category-02 .category-03.right-edge,
html.sp body.page-template-speaker-peripheral-php .category-02 .category-03.right-edge,
html.sp body.page-template-headphone-php .category-02 .category-03.right-edge,
html.sp body.page-template-dac-php .category-02 .category-03.right-edge,
html.sp body.page-template-recorder-php .category-02 .category-03.right-edge,
html.sp body.page-template-microphone-php .category-02 .category-03.right-edge {
  border: 1px solid #fff;
}
html.sp body.page-template-speaker-system-php .category-02 .category-03.current,
html.sp body.page-template-speaker-unit-php .category-02 .category-03.current,
html.sp body.page-template-speaker-peripheral-php .category-02 .category-03.current,
html.sp body.page-template-headphone-php .category-02 .category-03.current,
html.sp body.page-template-dac-php .category-02 .category-03.current,
html.sp body.page-template-recorder-php .category-02 .category-03.current,
html.sp body.page-template-microphone-php .category-02 .category-03.current {
  border: none;
}
html.sp body.page-template-speaker-system-php .category-02 .category-03 h4,
html.sp body.page-template-speaker-unit-php .category-02 .category-03 h4,
html.sp body.page-template-speaker-peripheral-php .category-02 .category-03 h4,
html.sp body.page-template-headphone-php .category-02 .category-03 h4,
html.sp body.page-template-dac-php .category-02 .category-03 h4,
html.sp body.page-template-recorder-php .category-02 .category-03 h4,
html.sp body.page-template-microphone-php .category-02 .category-03 h4 {
  font-size: 18px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 300;
  line-height: 1.0em;
  margin: 0 0 10px 0;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
html.sp body.page-template-speaker-system-php .category-02 .category-03 .summary,
html.sp body.page-template-speaker-unit-php .category-02 .category-03 .summary,
html.sp body.page-template-speaker-peripheral-php .category-02 .category-03 .summary,
html.sp body.page-template-headphone-php .category-02 .category-03 .summary,
html.sp body.page-template-dac-php .category-02 .category-03 .summary,
html.sp body.page-template-recorder-php .category-02 .category-03 .summary,
html.sp body.page-template-microphone-php .category-02 .category-03 .summary {
  margin: 0 90px 0 0;
  line-height: 1.25em;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
html.sp body.page-template-speaker-system-php .category-02 .category-03 .summary br,
html.sp body.page-template-speaker-unit-php .category-02 .category-03 .summary br,
html.sp body.page-template-speaker-peripheral-php .category-02 .category-03 .summary br,
html.sp body.page-template-headphone-php .category-02 .category-03 .summary br,
html.sp body.page-template-dac-php .category-02 .category-03 .summary br,
html.sp body.page-template-recorder-php .category-02 .category-03 .summary br,
html.sp body.page-template-microphone-php .category-02 .category-03 .summary br {
  display: none;
}
html.sp body.page-template-speaker-system-php .category-02 .category-03 .category-thumb,
html.sp body.page-template-speaker-unit-php .category-02 .category-03 .category-thumb,
html.sp body.page-template-speaker-peripheral-php .category-02 .category-03 .category-thumb,
html.sp body.page-template-headphone-php .category-02 .category-03 .category-thumb,
html.sp body.page-template-dac-php .category-02 .category-03 .category-thumb,
html.sp body.page-template-recorder-php .category-02 .category-03 .category-thumb,
html.sp body.page-template-microphone-php .category-02 .category-03 .category-thumb {
  position: absolute;
  left: inherit;
  right: 0px;
  top: 5px;
  bottom: inherit;
  width: 80px;
  height: auto;
  text-align: right;
  cursor: pointer;
  z-index: 110;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
html.sp body.page-template-speaker-system-php .category-02 .category-03 .category-thumb img,
html.sp body.page-template-speaker-unit-php .category-02 .category-03 .category-thumb img,
html.sp body.page-template-speaker-peripheral-php .category-02 .category-03 .category-thumb img,
html.sp body.page-template-headphone-php .category-02 .category-03 .category-thumb img,
html.sp body.page-template-dac-php .category-02 .category-03 .category-thumb img,
html.sp body.page-template-recorder-php .category-02 .category-03 .category-thumb img,
html.sp body.page-template-microphone-php .category-02 .category-03 .category-thumb img {
  height: auto;
}
html.sp body.page-template-speaker-system-php .category-02 .category-03 .accordion-open-button,
html.sp body.page-template-speaker-unit-php .category-02 .category-03 .accordion-open-button,
html.sp body.page-template-speaker-peripheral-php .category-02 .category-03 .accordion-open-button,
html.sp body.page-template-headphone-php .category-02 .category-03 .accordion-open-button,
html.sp body.page-template-dac-php .category-02 .category-03 .accordion-open-button,
html.sp body.page-template-recorder-php .category-02 .category-03 .accordion-open-button,
html.sp body.page-template-microphone-php .category-02 .category-03 .accordion-open-button {
  margin: 0 0 10px 0;
  position: relative;
  bottom: inherit;
  height: 0;
  color: transparent;
  line-height: 2em;
  padding-top: 25px;
  overflow: hidden;
  display: block;
  background-repeat: no-repeat;
  width: 52px;
  background-image: url(../img/category-top/btn_open_mobile.png);
  background-size: 52px 15px;
  background-position: 0 10px;
}
html.sp body.page-template-speaker-system-php .category-02 .category-03 .accordion-open-button-alt,
html.sp body.page-template-speaker-unit-php .category-02 .category-03 .accordion-open-button-alt,
html.sp body.page-template-speaker-peripheral-php .category-02 .category-03 .accordion-open-button-alt,
html.sp body.page-template-headphone-php .category-02 .category-03 .accordion-open-button-alt,
html.sp body.page-template-dac-php .category-02 .category-03 .accordion-open-button-alt,
html.sp body.page-template-recorder-php .category-02 .category-03 .accordion-open-button-alt,
html.sp body.page-template-microphone-php .category-02 .category-03 .accordion-open-button-alt {
  margin: 0 0 -25px 0;
  position: relative;
  bottom: inherit;
  height: 0;
  color: transparent;
  line-height: 2em;
  padding-top: 25px;
  overflow: hidden;
  display: block;
  background-repeat: no-repeat;
  width: 52px;
  background-image: url(../img/category-top/btn_open_alt_mobile.png);
  background-size: 52px 15px;
  background-position: 0 10px;
  opacity: 0.0;
}
html.sp body.page-template-speaker-system-php .category-02 .category-03 .product-child,
html.sp body.page-template-speaker-unit-php .category-02 .category-03 .product-child,
html.sp body.page-template-speaker-peripheral-php .category-02 .category-03 .product-child,
html.sp body.page-template-headphone-php .category-02 .category-03 .product-child,
html.sp body.page-template-dac-php .category-02 .category-03 .product-child,
html.sp body.page-template-recorder-php .category-02 .category-03 .product-child,
html.sp body.page-template-microphone-php .category-02 .category-03 .product-child {
  position: relative;
  top: inherit;
  left: 0px;
  margin: 0 0 0 0;
  width: 100%;
  zoom: 1;
  padding: 15px 0 15px 30px;
  z-index: 100;
  display: none;
}
html.sp body.page-template-speaker-system-php .category-02 .category-03 .product-child:after,
html.sp body.page-template-speaker-unit-php .category-02 .category-03 .product-child:after,
html.sp body.page-template-speaker-peripheral-php .category-02 .category-03 .product-child:after,
html.sp body.page-template-headphone-php .category-02 .category-03 .product-child:after,
html.sp body.page-template-dac-php .category-02 .category-03 .product-child:after,
html.sp body.page-template-recorder-php .category-02 .category-03 .product-child:after,
html.sp body.page-template-microphone-php .category-02 .category-03 .product-child:after {
  content: "";
  display: block;
  clear: both;
}
html.sp body.page-template-speaker-system-php .category-02 .category-03 .product-child .product-child-item,
html.sp body.page-template-speaker-unit-php .category-02 .category-03 .product-child .product-child-item,
html.sp body.page-template-speaker-peripheral-php .category-02 .category-03 .product-child .product-child-item,
html.sp body.page-template-headphone-php .category-02 .category-03 .product-child .product-child-item,
html.sp body.page-template-dac-php .category-02 .category-03 .product-child .product-child-item,
html.sp body.page-template-recorder-php .category-02 .category-03 .product-child .product-child-item,
html.sp body.page-template-microphone-php .category-02 .category-03 .product-child .product-child-item {
  float: left;
  text-align: center;
  margin: 20px 25px 0 0;
  width: 96px;
  height: 130px;
  color: #333333;
}
html.sp body.page-template-speaker-system-php .category-02 .category-03 .product-child .product-child-item .product-child-item-name,
html.sp body.page-template-speaker-unit-php .category-02 .category-03 .product-child .product-child-item .product-child-item-name,
html.sp body.page-template-speaker-peripheral-php .category-02 .category-03 .product-child .product-child-item .product-child-item-name,
html.sp body.page-template-headphone-php .category-02 .category-03 .product-child .product-child-item .product-child-item-name,
html.sp body.page-template-dac-php .category-02 .category-03 .product-child .product-child-item .product-child-item-name,
html.sp body.page-template-recorder-php .category-02 .category-03 .product-child .product-child-item .product-child-item-name,
html.sp body.page-template-microphone-php .category-02 .category-03 .product-child .product-child-item .product-child-item-name {
  font-weight: 200;
  line-height: 1.25em;
}
html.sp body.page-template-speaker-system-php .category-02 .category-03 .product-child .accordion-close-button,
html.sp body.page-template-speaker-unit-php .category-02 .category-03 .product-child .accordion-close-button,
html.sp body.page-template-speaker-peripheral-php .category-02 .category-03 .product-child .accordion-close-button,
html.sp body.page-template-headphone-php .category-02 .category-03 .product-child .accordion-close-button,
html.sp body.page-template-dac-php .category-02 .category-03 .product-child .accordion-close-button,
html.sp body.page-template-recorder-php .category-02 .category-03 .product-child .accordion-close-button,
html.sp body.page-template-microphone-php .category-02 .category-03 .product-child .accordion-close-button {
  position: absolute;
  top: 7px;
  right: 7px;
  height: 0;
  color: transparent;
  line-height: 2em;
  padding-top: 30px;
  overflow: hidden;
  display: block;
  background-repeat: no-repeat;
  width: 30px;
  background-image: url(../img/category-top/btn_close.png);
  background-size: 18px 18px;
  background-position: center center;
}
html.sp body.page-template-speaker-system-php .category-02.child-cols-03 .category-03,
html.sp body.page-template-speaker-unit-php .category-02.child-cols-03 .category-03,
html.sp body.page-template-speaker-peripheral-php .category-02.child-cols-03 .category-03,
html.sp body.page-template-headphone-php .category-02.child-cols-03 .category-03,
html.sp body.page-template-dac-php .category-02.child-cols-03 .category-03,
html.sp body.page-template-recorder-php .category-02.child-cols-03 .category-03,
html.sp body.page-template-microphone-php .category-02.child-cols-03 .category-03 {
  width: 100% !important;
}
html.sp body.page-template-speaker-system-php .category-02.has-child-1,
html.sp body.page-template-speaker-unit-php .category-02.has-child-1,
html.sp body.page-template-speaker-peripheral-php .category-02.has-child-1,
html.sp body.page-template-headphone-php .category-02.has-child-1,
html.sp body.page-template-dac-php .category-02.has-child-1,
html.sp body.page-template-recorder-php .category-02.has-child-1,
html.sp body.page-template-microphone-php .category-02.has-child-1 {
  width: 100%;
  float: inherit;
  border-left: none;
  margin-right: 0;
  padding-bottom: 0;
  clear: both;
}
html.sp body.page-template-speaker-system-php .category-02.has-child-1 .frame,
html.sp body.page-template-speaker-unit-php .category-02.has-child-1 .frame,
html.sp body.page-template-speaker-peripheral-php .category-02.has-child-1 .frame,
html.sp body.page-template-headphone-php .category-02.has-child-1 .frame,
html.sp body.page-template-dac-php .category-02.has-child-1 .frame,
html.sp body.page-template-recorder-php .category-02.has-child-1 .frame,
html.sp body.page-template-microphone-php .category-02.has-child-1 .frame {
  display: none;
  position: absolute;
  top: -1px;
  left: -1px;
  width: 488px;
  height: 100%;
  border: 1px solid #ff6600;
  display: none;
  z-index: 90;
}
html.sp body.page-template-speaker-system-php .category-02.has-child-1.left-layout,
html.sp body.page-template-speaker-unit-php .category-02.has-child-1.left-layout,
html.sp body.page-template-speaker-peripheral-php .category-02.has-child-1.left-layout,
html.sp body.page-template-headphone-php .category-02.has-child-1.left-layout,
html.sp body.page-template-dac-php .category-02.has-child-1.left-layout,
html.sp body.page-template-recorder-php .category-02.has-child-1.left-layout,
html.sp body.page-template-microphone-php .category-02.has-child-1.left-layout {
  border-left: none;
  z-index: 10;
}
html.sp body.page-template-speaker-system-php .category-02.has-child-1.left-layout .frame,
html.sp body.page-template-speaker-unit-php .category-02.has-child-1.left-layout .frame,
html.sp body.page-template-speaker-peripheral-php .category-02.has-child-1.left-layout .frame,
html.sp body.page-template-headphone-php .category-02.has-child-1.left-layout .frame,
html.sp body.page-template-dac-php .category-02.has-child-1.left-layout .frame,
html.sp body.page-template-recorder-php .category-02.has-child-1.left-layout .frame,
html.sp body.page-template-microphone-php .category-02.has-child-1.left-layout .frame {
  width: 488px;
  left: 0px;
}
html.sp body.page-template-speaker-system-php .category-02.has-child-1 .category-03,
html.sp body.page-template-speaker-unit-php .category-02.has-child-1 .category-03,
html.sp body.page-template-speaker-peripheral-php .category-02.has-child-1 .category-03,
html.sp body.page-template-headphone-php .category-02.has-child-1 .category-03,
html.sp body.page-template-dac-php .category-02.has-child-1 .category-03,
html.sp body.page-template-recorder-php .category-02.has-child-1 .category-03,
html.sp body.page-template-microphone-php .category-02.has-child-1 .category-03 {
  border: none;
}
html.sp body.page-template-speaker-system-php .category-02.has-child-1 .category-03.current,
html.sp body.page-template-speaker-unit-php .category-02.has-child-1 .category-03.current,
html.sp body.page-template-speaker-peripheral-php .category-02.has-child-1 .category-03.current,
html.sp body.page-template-headphone-php .category-02.has-child-1 .category-03.current,
html.sp body.page-template-dac-php .category-02.has-child-1 .category-03.current,
html.sp body.page-template-recorder-php .category-02.has-child-1 .category-03.current,
html.sp body.page-template-microphone-php .category-02.has-child-1 .category-03.current {
  border: none !important;
}
html.sp body.page-template-speaker-system-php .category-02.has-child-1 .category-03 .summary,
html.sp body.page-template-speaker-unit-php .category-02.has-child-1 .category-03 .summary,
html.sp body.page-template-speaker-peripheral-php .category-02.has-child-1 .category-03 .summary,
html.sp body.page-template-headphone-php .category-02.has-child-1 .category-03 .summary,
html.sp body.page-template-dac-php .category-02.has-child-1 .category-03 .summary,
html.sp body.page-template-recorder-php .category-02.has-child-1 .category-03 .summary,
html.sp body.page-template-microphone-php .category-02.has-child-1 .category-03 .summary {
  z-index: 10;
}
html.sp body.page-template-speaker-system-php .category-02.has-child-1 .category-03 .accordion-open-button,
html.sp body.page-template-speaker-unit-php .category-02.has-child-1 .category-03 .accordion-open-button,
html.sp body.page-template-speaker-peripheral-php .category-02.has-child-1 .category-03 .accordion-open-button,
html.sp body.page-template-headphone-php .category-02.has-child-1 .category-03 .accordion-open-button,
html.sp body.page-template-dac-php .category-02.has-child-1 .category-03 .accordion-open-button,
html.sp body.page-template-recorder-php .category-02.has-child-1 .category-03 .accordion-open-button,
html.sp body.page-template-microphone-php .category-02.has-child-1 .category-03 .accordion-open-button {
  bottom: inherit;
  z-index: 100;
}

/*
@mixin center($width);
@mixin horizontalList($margin:0, $num:0);
@mixin borderBox();
@mixin clearfix();
*/
/*
@mixin hideText($height);
@mixin hideTextBtn($height, $width:0);
@mixin hideTextBtnSprite($height, $width, $num:0);
@mixin numberingList($before:'', $after:'', $padding:10px);
@mixin scrollable();
*/
/*
@mixin opacity($opacity);
@mixin transition($property:all, $duration:400, $easing:ease-in-out);
@mixin perspective($value);
@mixin transform($scale:1.0, $rotateX:0, $rotateY:0, $rotateZ:0, $x:0, $y:0, $skewX:0, $skewY:0);
@mixin animation($name, $duration:400, $easing:ease-in-out, $delay:0, $count:1, $direction:normal, $fill:both);
@mixin keyframes($name){
	$var: 0.65;
	$init: 30px;

	0% {
		@include transform($y:0);
	}
	20% {
		@include transform($y:-$init*$var);
	}
	40% {
		@include transform($y:$init*$var*$var);
	}
	60% {
		@include transform($y:-$init*$var*$var*$var);
	}
	80% {
		@include transform($y:$init*$var*$var*$var*$var);
	}
	100% {
		@include transform($y:0);
	}
}
@mixin borderRadius($topLeft:inherit, $topRight:inherit, $bottomRight:inherit, $bottomLeft:inherit);
@mixin textShadow($horizontal:0, $vertical:1px, $color:#fff, $blur:0);
@mixin boxShadow($horizontal:0, $vertical:0, $blur:5px, $rgba:rgba(0,0,0,0.5));
@mixin boxShadowInset($horizontal:0, $vertical:0, $blur:5px, $rgba:rgba(0,0,0,0.5));
*/
/*--------------------------------------------------------------------------*/
/* Module */
/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/* State */
/*--------------------------------------------------------------------------*/