@import url(./modules/jquery.mCustomScrollbar.css);
/* Compiled from SCSS */
/*--------------------------------------------------------------------------*/
/* TOP */
/*--------------------------------------------------------------------------*/
body.home,
body.category,
body.page-template-default {
  /*--------------------------------------------------------------------------*/
  /* MAIN VISUAL */
  /*--------------------------------------------------------------------------*/
  /*--------------------------------------------------------------------------*/
  /* NEWS */
  /*--------------------------------------------------------------------------*/
  /*--------------------------------------------------------------------------*/
  /* INFORMATION */
  /*--------------------------------------------------------------------------*/
}
body.home .mainvisual-wrapper,
body.category .mainvisual-wrapper,
body.page-template-default .mainvisual-wrapper {
  width: 100%;
  min-width: 1024px;
  margin-top: 1px;
  background-color: #000;
  overflow: hidden;
}
body.home .mainvisual-wrapper img,
body.category .mainvisual-wrapper img,
body.page-template-default .mainvisual-wrapper img {
  width: 100%;
  height: auto;
  margin-bottom: -6px;
}
body.home .mainvisual,
body.category .mainvisual,
body.page-template-default .mainvisual {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
body.home .mainvisual li,
body.category .mainvisual li,
body.page-template-default .mainvisual li {
  width: 100%;
  min-width: 1024px;
  position: absolute;
  top: 0;
  left: 100%;
}
body.home .mainvisual li:first-child,
body.category .mainvisual li:first-child,
body.page-template-default .mainvisual li:first-child {
  left: 0;
}
body.home .mainvisual li img,
body.category .mainvisual li img,
body.page-template-default .mainvisual li img {
  width: 100%;
  height: auto;
}
body.home .mainvisual li .caption,
body.home .mainvisual li .caption-black,
body.home .mainvisual li .caption-white,
body.category .mainvisual li .caption,
body.category .mainvisual li .caption-black,
body.category .mainvisual li .caption-white,
body.page-template-default .mainvisual li .caption,
body.page-template-default .mainvisual li .caption-black,
body.page-template-default .mainvisual li .caption-white {
  font-size: 10px;
  color: #cccccc;
  position: absolute;
  right: 10px;
  bottom: 10px;
}
body.home #slider-control-prev,
body.home #slider-control-next,
body.category #slider-control-prev,
body.category #slider-control-next,
body.page-template-default #slider-control-prev,
body.page-template-default #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;
}
body.home #slider-control-prev,
body.category #slider-control-prev,
body.page-template-default #slider-control-prev {
  left: 15px;
  background-image: url(../img/top/slider_prev.png);
}
body.home #slider-control-next,
body.category #slider-control-next,
body.page-template-default #slider-control-next {
  right: 15px;
  background-image: url(../img/top/slider_next.png);
}
body.home .slider-dotbtn,
body.category .slider-dotbtn,
body.page-template-default .slider-dotbtn {
  position: absolute;
  bottom: 25px;
  width: 100%;
  zoom: 1;
  text-align: center;
  z-index: 100;
}
body.home .slider-dotbtn:after,
body.category .slider-dotbtn:after,
body.page-template-default .slider-dotbtn:after {
  content: "";
  display: block;
  clear: both;
}
body.home .slider-dotbtn li,
body.category .slider-dotbtn li,
body.page-template-default .slider-dotbtn li {
  display: inline-block;
  cursor: pointer;
  margin: 0 0;
  height: 20px;
  width: 19px;
}
body.home .slider-dotbtn li .on, body.home .slider-dotbtn li .off,
body.category .slider-dotbtn li .on,
body.category .slider-dotbtn li .off,
body.page-template-default .slider-dotbtn li .on,
body.page-template-default .slider-dotbtn li .off {
  display: inline-block;
  height: 100%;
  width: 100%;
}
body.home .slider-dotbtn li .on,
body.category .slider-dotbtn li .on,
body.page-template-default .slider-dotbtn li .on {
  display: none;
  background: url(../img/top/slider_dot_on.png) center center no-repeat;
}
body.home .slider-dotbtn li .off,
body.category .slider-dotbtn li .off,
body.page-template-default .slider-dotbtn li .off {
  display: inline-block;
  background: url(../img/top/slider_dot_off.png) center center no-repeat;
}
body.home .slider-dotbtn li.current .on,
body.category .slider-dotbtn li.current .on,
body.page-template-default .slider-dotbtn li.current .on {
  display: inline-block;
}
body.home .slider-dotbtn li.current .off,
body.category .slider-dotbtn li.current .off,
body.page-template-default .slider-dotbtn li.current .off {
  display: none;
}
body.home .news-wrapper,
body.category .news-wrapper,
body.page-template-default .news-wrapper {
  width: 100%;
  min-width: 1024px;
  background-color: #dcdcdc;
}
body.home .news-wrapper .news-navi-wrapper,
body.category .news-wrapper .news-navi-wrapper,
body.page-template-default .news-wrapper .news-navi-wrapper {
  background-color: #3a3a3a;
  min-width: 1024px;
}
body.home .news-wrapper .news-navi,
body.category .news-wrapper .news-navi,
body.page-template-default .news-wrapper .news-navi {
  color: #fff;
  width: 980px;
  padding: 0 22px 0;
  margin: 0 auto;
}
body.home .news-wrapper .news-navi ul,
body.category .news-wrapper .news-navi ul,
body.page-template-default .news-wrapper .news-navi ul {
  zoom: 1;
  overflow: hidden;
  margin-left: 0;
  line-height: 70px;
  font-size: 12px;
}
body.home .news-wrapper .news-navi ul:after,
body.category .news-wrapper .news-navi ul:after,
body.page-template-default .news-wrapper .news-navi ul:after {
  content: "";
  display: block;
  clear: both;
}
body.home .news-wrapper .news-navi ul li,
body.category .news-wrapper .news-navi ul li,
body.page-template-default .news-wrapper .news-navi ul li {
  float: left;
  margin-left: 0;
}
body.home .news-wrapper .news-navi ul .headline,
body.category .news-wrapper .news-navi ul .headline,
body.page-template-default .news-wrapper .news-navi ul .headline {
  margin-right: 20px;
}
body.home .news-wrapper .news-navi ul .headline h2,
body.category .news-wrapper .news-navi ul .headline h2,
body.page-template-default .news-wrapper .news-navi ul .headline h2 {
  font-weight: normal;
}
body.home .news-wrapper .news-navi ul.all li.all,
body.home .news-wrapper .news-navi ul li.current-cat,
body.category .news-wrapper .news-navi ul.all li.all,
body.category .news-wrapper .news-navi ul li.current-cat,
body.page-template-default .news-wrapper .news-navi ul.all li.all,
body.page-template-default .news-wrapper .news-navi ul li.current-cat {
  background-color: #ff6600;
}
body.home .news-wrapper .news-navi ul a,
body.category .news-wrapper .news-navi ul a,
body.page-template-default .news-wrapper .news-navi ul a {
  color: #fff;
  display: block;
  padding: 0 20px 0;
}
body.home .news-wrapper .news-contents-wrapper,
body.category .news-wrapper .news-contents-wrapper,
body.page-template-default .news-wrapper .news-contents-wrapper {
  width: 992px;
  padding: 10px 0 22px 2px;
  margin: 0 auto;
  overflow-x: hidden;
}
body.home .news-wrapper .news-contents-wrapper .news-contents,
body.category .news-wrapper .news-contents-wrapper .news-contents,
body.page-template-default .news-wrapper .news-contents-wrapper .news-contents {
  height: 0;
  overflow: hidden;
}
body.home .news-wrapper .news-contents-wrapper .news-inner,
body.category .news-wrapper .news-contents-wrapper .news-inner,
body.page-template-default .news-wrapper .news-contents-wrapper .news-inner {
  zoom: 1;
}
body.home .news-wrapper .news-contents-wrapper .news-inner:after,
body.category .news-wrapper .news-contents-wrapper .news-inner:after,
body.page-template-default .news-wrapper .news-contents-wrapper .news-inner:after {
  content: "";
  display: block;
  clear: both;
}
body.home .news-wrapper .news-contents-wrapper .news,
body.category .news-wrapper .news-contents-wrapper .news,
body.page-template-default .news-wrapper .news-contents-wrapper .news {
  display: block;
  float: left;
  margin: 12px 8px 0 0;
  width: 239px;
  height: 292px;
  background-color: #fff;
  color: #333333;
  -webkit-border-radius: 6px 6px 6px 6px;
  border-radius: 6px 6px 6px 6px;
  overflow: hidden;
}
body.home .news-wrapper .news-contents-wrapper .news .image,
body.category .news-wrapper .news-contents-wrapper .news .image,
body.page-template-default .news-wrapper .news-contents-wrapper .news .image {
  margin-bottom: 8px;
}
body.home .news-wrapper .news-contents-wrapper .news .caption,
body.home .news-wrapper .news-contents-wrapper .news .caption-black,
body.home .news-wrapper .news-contents-wrapper .news .caption-white,
body.category .news-wrapper .news-contents-wrapper .news .caption,
body.category .news-wrapper .news-contents-wrapper .news .caption-black,
body.category .news-wrapper .news-contents-wrapper .news .caption-white,
body.page-template-default .news-wrapper .news-contents-wrapper .news .caption,
body.page-template-default .news-wrapper .news-contents-wrapper .news .caption-black,
body.page-template-default .news-wrapper .news-contents-wrapper .news .caption-white {
  font-size: 10px;
  color: #cccccc;
  text-align: right;
  display: block;
  position: absolute;
  bottom: 0px;
  width: 229px;
}
body.home .news-wrapper .news-contents-wrapper .news .info,
body.home .news-wrapper .news-contents-wrapper .news .text,
body.category .news-wrapper .news-contents-wrapper .news .info,
body.category .news-wrapper .news-contents-wrapper .news .text,
body.page-template-default .news-wrapper .news-contents-wrapper .news .info,
body.page-template-default .news-wrapper .news-contents-wrapper .news .text {
  margin: 0 18px;
}
body.home .news-wrapper .news-contents-wrapper .news .info,
body.category .news-wrapper .news-contents-wrapper .news .info,
body.page-template-default .news-wrapper .news-contents-wrapper .news .info {
  font-size: 10px;
  color: gray;
  margin-top: 8px;
  margin-bottom: 1px;
  zoom: 1;
}
body.home .news-wrapper .news-contents-wrapper .news .info:after,
body.category .news-wrapper .news-contents-wrapper .news .info:after,
body.page-template-default .news-wrapper .news-contents-wrapper .news .info:after {
  content: "";
  display: block;
  clear: both;
}
body.home .news-wrapper .news-contents-wrapper .news .info .category,
body.category .news-wrapper .news-contents-wrapper .news .info .category,
body.page-template-default .news-wrapper .news-contents-wrapper .news .info .category {
  background-color: #ff6600;
  font-size: 12px;
  color: #fff;
  padding: 3px 9px 2px;
  margin-right: 8px;
  display: block;
  float: left;
  line-height: 16px;
}
body.home .news-wrapper .news-contents-wrapper .news .info .date,
body.category .news-wrapper .news-contents-wrapper .news .info .date,
body.page-template-default .news-wrapper .news-contents-wrapper .news .info .date {
  float: left;
  padding-top: 3px;
}
body.home .news-wrapper .news-contents-wrapper .news .text,
body.category .news-wrapper .news-contents-wrapper .news .text,
body.page-template-default .news-wrapper .news-contents-wrapper .news .text {
  font-size: 12px;
  line-height: 16px;
}
body.home .news-wrapper .news-contents-wrapper .wpPageRize,
body.category .news-wrapper .news-contents-wrapper .wpPageRize,
body.page-template-default .news-wrapper .news-contents-wrapper .wpPageRize {
  display: none;
}
body.home .news-wrapper .news-contents-wrapper #wpLoadingButton,
body.category .news-wrapper .news-contents-wrapper #wpLoadingButton,
body.page-template-default .news-wrapper .news-contents-wrapper #wpLoadingButton {
  width: 260px;
  margin: 23px auto 1px;
  padding: 0;
}
body.home .news-wrapper .news-contents-wrapper #wpLoadingButton #wpPageRizeLoading,
body.category .news-wrapper .news-contents-wrapper #wpLoadingButton #wpPageRizeLoading,
body.page-template-default .news-wrapper .news-contents-wrapper #wpLoadingButton #wpPageRizeLoading {
  position: absolute;
  top: 14px;
  right: 16px;
  z-index: 10;
  cursor: pointer;
}
body.home .news-wrapper .news-contents-wrapper #wpLoadingButton a,
body.category .news-wrapper .news-contents-wrapper #wpLoadingButton a,
body.page-template-default .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: 260px;
  background-image: url(../img/top/pageLoadBtn.png);
  cursor: pointer;
}
body.home .information-wrapper,
body.category .information-wrapper,
body.page-template-default .information-wrapper {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 980px;
  zoom: 1;
}
body.home .information-wrapper:after,
body.category .information-wrapper:after,
body.page-template-default .information-wrapper:after {
  content: "";
  display: block;
  clear: both;
}
body.home .information-wrapper .information-title,
body.category .information-wrapper .information-title,
body.page-template-default .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: 40px;
  margin: 30px 0 15px 0;
}
body.home .information-wrapper .information-contents,
body.category .information-wrapper .information-contents,
body.page-template-default .information-wrapper .information-contents {
  border: 1px solid #dcdcdc;
  border-right: none;
  border-left: none;
  width: 680px;
  height: 160px;
  padding: 15px 0;
  overflow-y: hidden;
  float: left;
}
body.home .information-wrapper .information-contents .info-post,
body.category .information-wrapper .information-contents .info-post,
body.page-template-default .information-wrapper .information-contents .info-post {
  margin: 10px 0 0 0;
  font-size: 12px;
}
body.home .information-wrapper .information-contents .info-post .date,
body.category .information-wrapper .information-contents .info-post .date,
body.page-template-default .information-wrapper .information-contents .info-post .date {
  color: gray;
}
body.home .information-wrapper .information-contents .info-post a,
body.category .information-wrapper .information-contents .info-post a,
body.page-template-default .information-wrapper .information-contents .info-post a {
  color: #333333;
}
body.home .information-wrapper .information-contents .info-post a:hover,
body.category .information-wrapper .information-contents .info-post a:hover,
body.page-template-default .information-wrapper .information-contents .info-post a:hover {
  text-decoration: underline;
}
body.home .information-wrapper .banners,
body.category .information-wrapper .banners,
body.page-template-default .information-wrapper .banners {
  float: right;
  width: 280px;
  height: 190px;
  overflow: hidden;
}
body.home .information-wrapper .banners a,
body.category .information-wrapper .banners a,
body.page-template-default .information-wrapper .banners a {
  display: block;
  margin: 0 0 12px 0;
}
body.home .information-wrapper .banners a img,
body.category .information-wrapper .banners a img,
body.page-template-default .information-wrapper .banners a img {
  margin-bottom: -6px;
}

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