@import url(./mobile-top.css);
@import url(./mobile-news.css);
@import url(./mobile-category-top.css);
@import url(./mobile-products.css);
@import url(./mobile-brand.css);
@import url(./mobile-maintenance.css);
@import url(./mobile-software.css);
@import url(./mobile-download.css);
@import url(./mobile-document.css);
@import url(./mobile-contact.css);
@import url(./mobile-warranty_contracts.css);
@import url(./mobile-company.css);
@import url(./mobile-privacy_policy.css);
@import url(./mobile-discontinued.css);
@import url(./mobile-certificate.css);
/* Compiled from SCSS */
html.sp {
  /*--------------------------------------------------------------------------*/
  /* Common */
  /*--------------------------------------------------------------------------*/
  /*--------------------------------------------------------------------------*/
  /* Header */
  /*--------------------------------------------------------------------------*/
  /*--------------------------------------------------------------------------*/
  /* Global Footer */
  /*--------------------------------------------------------------------------*/
  /*--------------------------------------------------------------------------*/
  /* COMMON */
  /*--------------------------------------------------------------------------*/
}
html.sp * {
  box-sizing: border-box;
}
html.sp body {
  visibility: visible;
  width: 100%;
  font-size: 14px;
}
html.sp body {
  padding-top: 44px;
}
html.sp img {
  max-width: 100%;
  height: auto;
}
html.sp .global-header {
  background-color: #ff6600;
  overflow: visible;
  position: absolute;
  z-index: 1000;
  top: 0px;
  left: 0;
  width: 100%;
  height: 44px;
  zoom: 1;
}
html.sp .global-header:after {
  content: "";
  display: block;
  clear: both;
}
html.sp .global-header .logo {
  float: left;
  background: url(/img/global-header/mobile_logo_fostex.png);
  background-size: 100%;
  height: 0;
  color: transparent;
  line-height: 2em;
  padding-top: 44px;
  overflow: hidden;
  display: block;
  background-repeat: no-repeat;
  width: 95px;
}
html.sp .global-header #global-menu-button,
html.sp .global-header #global-menu-close-button {
  position: absolute;
  top: 0;
  right: 0;
  background-size: 100%;
  height: 0;
  color: transparent;
  line-height: 2em;
  padding-top: 44px;
  overflow: hidden;
  display: block;
  background-repeat: no-repeat;
  width: 44px;
  margin: 0 5px 0 0;
}
html.sp .global-header #global-menu-button {
  background-image: url(/img/global-header/mobile_menu.png);
}
html.sp .global-header #global-menu-close-button {
  background-image: url(/img/global-header/mobile_menu_close.png);
  opacity: 0;
  display: none;
  -webkit-transform: scale(0.75) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translateX(0) translateY(0) skewX(0deg) skewY(0deg);
  -moz-transform: scale(0.75) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translateX(0) translateY(0) skewX(0deg) skewY(0deg);
  -ms-transform: scale(0.75) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translateX(0) translateY(0) skewX(0deg) skewY(0deg);
  transform: scale(0.75) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translateX(0) translateY(0) skewX(0deg) skewY(0deg);
}
html.sp .global-header .menu {
  position: absolute;
  top: 44px;
  display: none;
  width: 100%;
  border-bottom: 1px solid #c4c4c4;
}
html.sp .global-header .menu li {
  background-color: #dcdcdc;
}
html.sp .global-header .menu li a {
  display: block;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 300;
  line-height: 44px;
  color: #606060;
  border-top: 1px solid #c4c4c4;
  padding: 0 0 0 15px;
  font-size: 16px;
}
html.sp .global-header .menu li li {
  background-color: #fff;
}
html.sp .global-header .menu li li a {
  font-size: 13px;
  border-top: 1px solid #dcdcdc;
  padding: 0 0 0 25px;
}
html.sp .global-header .menu li .alt {
  display: none;
}
html.sp .global-header .menu .logo {
  display: none;
}
html.sp .global-header .menu .products-menu {
  display: none;
}
html.sp .global-header .menu .products-menu li a img {
  display: none;
}
html.sp .global-header .menu .support-menu {
  display: none;
}
html.sp .global-header .menu .search form {
  display: none;
}
html.sp .global-header .menu .eshop,
html.sp .global-header .menu .global{
  padding-left: 40px;
}
html.sp .global-header .menu .eshop {
  background: url(/img/global-header/btn_eshop_mobile.png) 0 center no-repeat,url(/img/common/link_icon.png) right 15px center no-repeat;
  background-size: 44px 44px, 10px 10px;
}
html.sp .global-header .menu .global {
  background: url(/img/global-header/btn_global_mobile.png) 0 center no-repeat,url(/img/common/link_icon.png) right 15px center no-repeat;
  background-size: 44px 44px, 10px 10px;
}

html.sp .global-header-overlay {
  background: #000;
  position: fixed;
  top: -100px;
  bottom: -100px;
  width: 100%;
  opacity: 0.5;
  z-index: 500;
  display: none;
}
html.sp .common-footer-tools {
  zoom: 1;
  width: 100%;
  margin: 24px auto 0;
  padding-left: 15px;
  padding-right: 15px;
}
html.sp .common-footer-tools:after {
  content: "";
  display: block;
  clear: both;
}
html.sp .common-footer-tools .facebook {
  float: left;
}
html.sp .common-footer-tools .facebook a {
  height: 0;
  color: transparent;
  line-height: 2em;
  padding-top: 29px;
  overflow: hidden;
  display: block;
  background-repeat: no-repeat;
  width: 29px;
  background-image: url(../img/top/facebook.png);
}
html.sp .common-footer-tools .go-pagetop {
  float: right;
  margin-top: 6px;
}
html.sp .common-footer-tools .go-pagetop a {
  height: 0;
  color: transparent;
  line-height: 2em;
  padding-top: 23px;
  overflow: hidden;
  display: block;
  background-repeat: no-repeat;
  width: 35px;
  background-image: url(../img/common/btn_go-pagetop.png);
  background-size: 35px 18.3px;
}
html.sp .global-footer {
  margin-top: 19px;
  zoom: 1;
  background-color: #000;
  line-height: 24px;
  text-align: center;
}
html.sp .global-footer:after {
  content: "";
  display: block;
  clear: both;
}
html.sp .global-footer .links {
  float: none;
  font-size: 12px;
  color: #fff;
  margin-left: 0;
  padding-top: 6px;
}
html.sp .global-footer .links a {
  color: #fff;
}
html.sp .global-footer .copyright {
  float: none;
  color: gray;
  margin-right: 15px;
  font-size: 10px;
}
html.sp .contents-wrapper {
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}

/*--------------------------------------------------------------------------*/
/* TOP */
/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/* NEWS */
/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/* CATEGORY-TOP */
/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/* PRODUCTS */
/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/* BRAND */
/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/* MAINTENANCE */
/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/* SOFTWARE */
/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/* DOWNLOAD */
/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/* DOCUMENTS */
/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/* CONTACT */
/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/* WARRANTY CONTRACTS */
/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/* COMPANY */
/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/* PRIVACY POLICY */
/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/* DISCONTINUED */
/*--------------------------------------------------------------------------*/
/*
@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 */
/*--------------------------------------------------------------------------*/