@import url(./modules/jquery.mCustomScrollbar.css);
/* Compiled from SCSS */
html.sp {
  /*--------------------------------------------------------------------------*/
  /* TOP */
  /*--------------------------------------------------------------------------*/
}
html.sp body.home,
html.sp body.category {
  /*--------------------------------------------------------------------------*/
  /* MAIN VISUAL */
  /*--------------------------------------------------------------------------*/
  /*--------------------------------------------------------------------------*/
  /* NEWS */
  /*--------------------------------------------------------------------------*/
  /*--------------------------------------------------------------------------*/
  /* INFORMATION */
  /*--------------------------------------------------------------------------*/
}
html.sp body.home #mainvisual-for-pc,
html.sp body.category #mainvisual-for-pc {
  display: none;
}
html.sp body.home #mainvisual-for-sp,
html.sp body.category #mainvisual-for-sp {
  background-color: #dcdcdc;
}
html.sp body.home .viewport,
html.sp body.category .viewport {
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  -webkit-transform: translateZ(0);
  /* Optional: When heavy at iOS6+ */
}
html.sp body.home .viewport .pointer-wrapper,
html.sp body.category .viewport .pointer-wrapper {
  zoom: 1;
  position: absolute;
  bottom: 10px;
  text-align: center;
  width: 100%;
}
html.sp body.home .viewport .pointer-wrapper:after,
html.sp body.category .viewport .pointer-wrapper:after {
  content: "";
  display: block;
  clear: both;
}
html.sp body.home .viewport .pointer-wrapper span,
html.sp body.category .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.home .viewport .pointer-wrapper span.current,
html.sp body.category .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.home .viewport .flipsnap,
html.sp body.category .viewport .flipsnap {
  width: 960px;
  /* 320px(item width) * 3(item count) */
  background-color: #000;
}
html.sp body.home .viewport .flipsnap .item,
html.sp body.category .viewport .flipsnap .item {
  float: left;
  width: 320px;
}
html.sp body.home .viewport .flipsnap .item img,
html.sp body.category .viewport .flipsnap .item img {
  float: left;
  width: 100%;
  height: auto;
}
html.sp body.home .viewport .flipsnap .item .caption,
html.sp body.category .viewport .flipsnap .item .caption {
  width: 100%;
  padding-right: 5px;
  text-align: right;
}
html.sp body.home .viewport .flipsnap:after,
html.sp body.category .viewport .flipsnap:after {
  content: '';
  display: block;
  clear: both;
  height: 0;
}
html.sp body.home .mainvisual-wrapper,
html.sp body.category .mainvisual-wrapper {
  width: 100%;
  min-width: 100%;
  margin-top: 0px;
  background-color: #000;
  overflow: hidden;
}
html.sp body.home .mainvisual-wrapper img,
html.sp body.category .mainvisual-wrapper img {
  width: 100%;
  height: auto;
  margin-bottom: -6px;
}
html.sp body.home .mainvisual,
html.sp body.category .mainvisual {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
html.sp body.home .mainvisual li,
html.sp body.category .mainvisual li {
  width: 100%;
  min-width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
html.sp body.home .mainvisual li:nth-child(n+2),
html.sp body.category .mainvisual li:nth-child(n+2) {
  left: 100%;
}
html.sp body.home .mainvisual li img,
html.sp body.category .mainvisual li img {
  width: 100%;
  height: auto;
}
html.sp body.home .mainvisual li .caption,
html.sp body.home .mainvisual li .caption-black,
html.sp body.home .mainvisual li .caption-white,
html.sp body.category .mainvisual li .caption,
html.sp body.category .mainvisual li .caption-black,
html.sp body.category .mainvisual li .caption-white {
  font-size: 10px;
  color: #cccccc;
  position: absolute;
  right: 10px;
  bottom: 10px;
}
html.sp body.home #slider-control-prev,
html.sp body.home #slider-control-next,
html.sp body.category #slider-control-prev,
html.sp body.category #slider-control-next {
  position: absolute;
  top: 50%;
  width: 44px;
  margin-top: -33px;
  height: 0;
  color: transparent;
  line-height: 2em;
  padding-top: 66px;
  overflow: hidden;
  display: block;
  background-repeat: no-repeat;
  z-index: 100;
  cursor: pointer;
}
html.sp body.home #slider-control-prev,
html.sp body.category #slider-control-prev {
  left: 15px;
  background-image: url(../img/top/slider_prev.png);
}
html.sp body.home #slider-control-next,
html.sp body.category #slider-control-next {
  right: 15px;
  background-image: url(../img/top/slider_next.png);
}
html.sp body.home .slider-dotbtn,
html.sp body.category .slider-dotbtn {
  position: absolute;
  bottom: 25px;
  width: 100%;
  zoom: 1;
  text-align: center;
  z-index: 100;
}
html.sp body.home .slider-dotbtn:after,
html.sp body.category .slider-dotbtn:after {
  content: "";
  display: block;
  clear: both;
}
html.sp body.home .slider-dotbtn li,
html.sp body.category .slider-dotbtn li {
  display: inline-block;
  cursor: pointer;
  margin: 0 0;
  height: 20px;
  width: 19px;
}
html.sp body.home .slider-dotbtn li .on, html.sp body.home .slider-dotbtn li .off,
html.sp body.category .slider-dotbtn li .on,
html.sp body.category .slider-dotbtn li .off {
  display: inline-block;
  height: 100%;
  width: 100%;
}
html.sp body.home .slider-dotbtn li .on,
html.sp body.category .slider-dotbtn li .on {
  display: none;
  background: url(../img/top/slider_dot_on.png) center center no-repeat;
}
html.sp body.home .slider-dotbtn li .off,
html.sp body.category .slider-dotbtn li .off {
  display: inline-block;
  background: url(../img/top/slider_dot_off.png) center center no-repeat;
}
html.sp body.home .slider-dotbtn li.current .on,
html.sp body.category .slider-dotbtn li.current .on {
  display: inline-block;
}
html.sp body.home .slider-dotbtn li.current .off,
html.sp body.category .slider-dotbtn li.current .off {
  display: none;
}
html.sp body.home .news-wrapper,
html.sp body.category .news-wrapper {
  width: 100%;
  min-width: 100%;
  background-color: #dcdcdc;
}
html.sp body.home .news-wrapper .news-navi-wrapper,
html.sp body.category .news-wrapper .news-navi-wrapper {
  background-color: #3a3a3a;
  min-width: 100%;
}
html.sp body.home .news-wrapper .news-navi,
html.sp body.category .news-wrapper .news-navi {
  color: #fff;
  width: 100%;
  padding: 0 0 0;
  margin: 0 auto;
}
html.sp body.home .news-wrapper .news-navi ul,
html.sp body.category .news-wrapper .news-navi ul {
  zoom: 1;
  overflow: hidden;
  margin-left: 0;
  line-height: 44px;
  font-size: 12px;
}
html.sp body.home .news-wrapper .news-navi ul:after,
html.sp body.category .news-wrapper .news-navi ul:after {
  content: "";
  display: block;
  clear: both;
}
html.sp body.home .news-wrapper .news-navi ul li,
html.sp body.category .news-wrapper .news-navi ul li {
  float: left;
  margin-left: 0;
}
html.sp body.home .news-wrapper .news-navi ul li:nth-child(n+2),
html.sp body.category .news-wrapper .news-navi ul li:nth-child(n+2) {
  display: none;
}
html.sp body.home .news-wrapper .news-navi ul .headline,
html.sp body.category .news-wrapper .news-navi ul .headline {
  margin-right: 20px;
}
html.sp body.home .news-wrapper .news-navi ul .headline h2,
html.sp body.category .news-wrapper .news-navi ul .headline h2 {
  margin-left: 15px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 300;
  font-size: 20px;
}
html.sp body.home .news-wrapper .news-navi ul.all li.all,
html.sp body.home .news-wrapper .news-navi ul li.current-cat,
html.sp body.category .news-wrapper .news-navi ul.all li.all,
html.sp body.category .news-wrapper .news-navi ul li.current-cat {
  background-color: #ff6600;
}
html.sp body.home .news-wrapper .news-navi ul a,
html.sp body.category .news-wrapper .news-navi ul a {
  color: #fff;
  display: block;
  padding: 0 20px 0;
}
html.sp body.home .news-wrapper .news-contents-wrapper,
html.sp body.category .news-wrapper .news-contents-wrapper {
  width: 100%;
  padding: 0px 0 22px 0;
  margin: 0 auto;
  overflow-x: hidden;
}
html.sp body.home .news-wrapper .news-contents-wrapper .news-contents,
html.sp body.category .news-wrapper .news-contents-wrapper .news-contents {
  height: 0;
  overflow: hidden;
  padding-left: 15px;
  padding-right: 15px;
}
html.sp body.home .news-wrapper .news-contents-wrapper .news-inner,
html.sp body.category .news-wrapper .news-contents-wrapper .news-inner {
  zoom: 1;
  padding-top: 1px;
}
html.sp body.home .news-wrapper .news-contents-wrapper .news-inner:after,
html.sp body.category .news-wrapper .news-contents-wrapper .news-inner:after {
  content: "";
  display: block;
  clear: both;
}
html.sp body.home .news-wrapper .news-contents-wrapper .news,
html.sp body.category .news-wrapper .news-contents-wrapper .news {
  display: block;
  float: none;
  margin: 15px 0 0 0;
  width: 100%;
  height: 80px;
  background-color: #fff;
  color: #333333;
  -webkit-border-radius: 0px 0px 0px 0px;
  border-radius: 0px 0px 0px 0px;
  zoom: 1;
  overflow: hidden;
}
html.sp body.home .news-wrapper .news-contents-wrapper .news:after,
html.sp body.category .news-wrapper .news-contents-wrapper .news:after {
  content: "";
  display: block;
  clear: both;
}
html.sp body.home .news-wrapper .news-contents-wrapper .news .image,
html.sp body.category .news-wrapper .news-contents-wrapper .news .image {
  width: 96px;
  height: auto;
  float: none;
  overflow: hidden;
  margin-bottom: 11px;
  position: absolute;
  left: 0;
}
html.sp body.home .news-wrapper .news-contents-wrapper .news .caption,
html.sp body.home .news-wrapper .news-contents-wrapper .news .caption-black,
html.sp body.home .news-wrapper .news-contents-wrapper .news .caption-white,
html.sp body.category .news-wrapper .news-contents-wrapper .news .caption,
html.sp body.category .news-wrapper .news-contents-wrapper .news .caption-black,
html.sp body.category .news-wrapper .news-contents-wrapper .news .caption-white {
  font-size: 10px;
  color: #cccccc;
  text-align: right;
  display: block;
  position: absolute;
  bottom: 0px;
  width: 229px;
}
html.sp body.home .news-wrapper .news-contents-wrapper .news .info,
html.sp body.home .news-wrapper .news-contents-wrapper .news .text,
html.sp body.category .news-wrapper .news-contents-wrapper .news .info,
html.sp body.category .news-wrapper .news-contents-wrapper .news .text {
  margin: 0 5px 0 103px;
}
html.sp body.home .news-wrapper .news-contents-wrapper .news .info,
html.sp body.category .news-wrapper .news-contents-wrapper .news .info {
  font-size: 10px;
  color: gray;
  margin-top: 8px;
  margin-bottom: 1px;
  zoom: 1;
}
html.sp body.home .news-wrapper .news-contents-wrapper .news .info:after,
html.sp body.category .news-wrapper .news-contents-wrapper .news .info:after {
  content: "";
  display: block;
  clear: both;
}
html.sp body.home .news-wrapper .news-contents-wrapper .news .info .category,
html.sp body.category .news-wrapper .news-contents-wrapper .news .info .category {
  background-color: #ff6600;
  font-size: 10px;
  color: #fff;
  padding: 1px 4px 0px;
  margin-right: 8px;
  display: block;
  float: left;
  line-height: 16px;
}
html.sp body.home .news-wrapper .news-contents-wrapper .news .info .date,
html.sp body.category .news-wrapper .news-contents-wrapper .news .info .date {
  float: left;
  padding-top: 1px;
}
html.sp body.home .news-wrapper .news-contents-wrapper .news .text,
html.sp body.category .news-wrapper .news-contents-wrapper .news .text {
  font-size: 12px;
  line-height: 1.25em;
}
html.sp body.home .news-wrapper .news-contents-wrapper .wpPageRize,
html.sp body.category .news-wrapper .news-contents-wrapper .wpPageRize {
  display: none;
}
html.sp body.home .news-wrapper .news-contents-wrapper #wpLoadingButton,
html.sp body.category .news-wrapper .news-contents-wrapper #wpLoadingButton {
  width: 195px;
  margin: 23px auto 1px;
  padding: 0;
}
html.sp body.home .news-wrapper .news-contents-wrapper #wpLoadingButton #wpPageRizeLoading,
html.sp body.category .news-wrapper .news-contents-wrapper #wpLoadingButton #wpPageRizeLoading {
  position: absolute;
  width: 22px;
  top: 10px;
  right: 10px;
  z-index: 10;
  cursor: pointer;
}
html.sp body.home .news-wrapper .news-contents-wrapper #wpLoadingButton a,
html.sp body.category .news-wrapper .news-contents-wrapper #wpLoadingButton a {
  height: 0;
  color: transparent;
  line-height: 2em;
  padding-top: 50px;
  overflow: hidden;
  display: block;
  background-repeat: no-repeat;
  width: 195px;
  background-image: url(../img/top/pageLoadBtn.png);
  background-size: 195px 37.5px;
  cursor: pointer;
}
html.sp body.home .information-wrapper,
html.sp body.category .information-wrapper {
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}
html.sp body.home .information-wrapper .information-title,
html.sp body.category .information-wrapper .information-title {
  font-family: 'Titillium Web', sans-serif;
  font-weight: 300;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
  font-size: 20px;
  margin: 16px 0 15px 0;
}
html.sp body.home .information-wrapper .information-contents,
html.sp body.category .information-wrapper .information-contents {
  border: 1px solid #dcdcdc;
  border-right: none;
  border-left: none;
  width: 100%;
  height: auto;
  padding: 6px 0;
  overflow-y: visible;
  float: none;
}
html.sp body.home .information-wrapper .information-contents .info-post,
html.sp body.category .information-wrapper .information-contents .info-post {
  margin: 12px 0 0 0;
  font-size: 12px;
}
html.sp body.home .information-wrapper .information-contents .info-post .date,
html.sp body.category .information-wrapper .information-contents .info-post .date {
  color: gray;
  font-size: 10px;
  position: absolute;
  top: 0;
  left: 0;
}
html.sp body.home .information-wrapper .information-contents .info-post a,
html.sp body.category .information-wrapper .information-contents .info-post a {
  color: #333333;
  margin-top: -1.8em;
  margin-left: 6em;
  display: block;
}
html.sp body.home .information-wrapper .information-contents .info-post a:hover,
html.sp body.category .information-wrapper .information-contents .info-post a:hover {
  text-decoration: none;
}
html.sp body.home .information-wrapper .banners,
html.sp body.category .information-wrapper .banners {
  float: none;
  margin: 10px auto 0;
}
html.sp body.home .information-wrapper .banners a,
html.sp body.category .information-wrapper .banners a {
  display: block;
  margin: 0 0 5px 0;
}

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