/* Compiled from SCSS */
html.sp {
  /*--------------------------------------------------------------------------*/
  /* SOFTWARE */
  /*--------------------------------------------------------------------------*/
}
html.sp body.page-template-discontinued-products-php .contents-wrapper {
  margin-bottom: 130px;
}
html.sp body.page-template-discontinued-products-php .page-title {
  font-size: 22px;
  font-weight: normal;
  margin: 30px 0 15px 0;
}
html.sp body.page-template-discontinued-products-php .headline {
  font-family: "メイリオ", Meiryo, sans-serif;
  font-weight: bold;
  font-size: 18px;
  margin: 55px 0 30px 0;
}
html.sp body.page-template-discontinued-products-php .category-01 {
  zoom: 1;
  border-bottom: 1px solid #7f7f7f;
}
html.sp body.page-template-discontinued-products-php .category-01:after {
  content: "";
  display: block;
  clear: both;
}
html.sp body.page-template-discontinued-products-php .category-02 {
  float: left;
  width: 100%;
  margin: 0px 0 30px 0;
}
html.sp body.page-template-discontinued-products-php .category-02 h3 {
  margin: 0 0 10px 0;
}
html.sp body.page-template-discontinued-products-php .category-03 {
  line-height: 24px;
}
html.sp body.page-template-discontinued-products-php .category-03 h4,
html.sp body.page-template-discontinued-products-php .category-03 h5 {
  font-weight: normal;
}
html.sp body.page-template-discontinued-products-php .category-03 .product-childs {
  margin: 0 0 15px 0;
}
html.sp body.page-template-discontinued-products-php .category-03 .product-childs a {
  color: gray;
  text-decoration: underline;
}
html.sp body.page-template-discontinued-products-php .category-03 .product-childs a:hover {
  text-decoration: none;
}

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