/* ------------------------------------------------------------------------------
	Typography
-------------------------------------------------------------------------------*/
p{
     font-size: 17px;
     line-height: 26px;
     color: #000;
     margin: 20px 0 45px 0;
     padding-bottom:20px;
}
p.resizeimage img {
     width: 100%; 
}
h1{
     font-size: 65px;
     color: #2d3033;
}
h2{
     font-size: 40px;
     color: #2d3033;
}
h3{
     font-size: 28px;
     color: #2d3033;
     font-weight: 300;
}
h4{
     font-size: 22px;
     color: #2d3033;
     font-weight: 400;
     padding: 0 0 20 0;
}
h5{
     font-size: 14px;
     color: #2d3033;
     text-transform: uppercase;
     font-weight: 700;
}
.btn{
     background-color: #3bc492;
     color: #fff;
     font-size: 13px;
     font-weight: 600;
     letter-spacing: 5px;
     border: 0;
     -moz-border-radius: 2px;
     -webkit-border-radius: 2px;
     border-radius: 2px;
     display: inline-block;
     text-transform: uppercase;
}
.btn:hover, .btn:focus{
     background-color: #3d3d3d;
     color: #fff;
}
.btn-large{
     padding: 15px 40px;
}
/* ------------------------------------------------------------------------------
	Global Styles
-------------------------------------------------------------------------------*/
a{
     color: #000;
     text-decoration: none;
}
a:hover, a:focus{
     text-decoration: underline;
     color: #0000ff;
     -moz-transition: background-color, color, 0.3s;
     -o-transition: background-color, color, 0.3s;
     -webkit-transition: background-color, color, 0.3s;
     transition: background-color, color, 0.3s;
}
body{

     font-weight: 400;
     font-size: 16px;
     color: #000;
     background: #fff;
}
ul, ol{
     margin: 0;
     padding: 0;
}
ul li{
     line-height:30px;
     list-style: none;

}
.listTest {
  padding:8px;

}
.listTest ul {
  list-style:none;
}
.listTest ul li {
     margin-bottom:8px;
     list-style: square;
     line-height:26px;

     padding-left:1em;
}
.section{
     padding: 100px 0;
}
.no-padding{
     padding: 0;
}
.no-gutter [class*="col-"]{
     padding-right: 0;
     padding-left: 0;
}
.space{
     margin-top: 80px;
}
.space-left{
     margin-left: 20px;
}
.category{
     font-size: 0.8em;
}
.category::before{
     content: "カテゴリー";
     font-size:0.8em;
     color: #333;
     padding: 4px;
     background: #ddd;
     margin-right: 8px;
     border-radius: 4px;
}
.release{
     font-size: 0.8em;
     color: #333;
     margin-left: 12px;
}
.release::before{
     font-family: FontAwesome;
     content: "\f017";
     padding-right: 8px;
}
.update{
     font-size: 0.8em;
     color: #333;
}
/* new triangle */
.new-triangle{
     position: relative;
}
.new-triangle::after{
     position: absolute;
     content: " ";
     height: 0;
     width: 0;
}
.new-triangle span{
     position: absolute;
     content: " ";
     font-size: 12px;
     font-weight: bold;
     color: #fff;
     z-index:100;
}
.new-triangle-lt::after{
     top: 0;
     left: 0;
     border-bottom:3em solid transparent;
     border-left:3em solid #d80b2a;
}
.new-triangle-lt span{
     top: .5em;
     left: .2em;
     transform: rotate(-45deg);
     -webkit-transform: rotate(-45deg);
     -ms-transform: rotate(-45deg);
}
/* /new triangle  */
/* ------------------------------------------------------------------------------
	 Header
-------------------------------------------------------------------------------*/
#header{
     position: fixed;
     width: 100%;
     z-index: 999;
     background : url(../images/background.png) 0% 0% / auto auto repeat scroll padding-box border-box transparent;
}
#header .header-content{
     margin: 0 auto;
     max-width: 1170px;
     padding: 35px 0;
     width: 100%;
     -moz-transition: padding 0.3s;
     -o-transition: padding 0.3s;
     -webkit-transition: padding 0.3s;
     transition: padding 0.3s;
}
#header .logo{
     float: left;
}
#header.fixed {
     opacity: 0.9;
}
.fixed#header .header-content{
     border-bottom: 0;
     padding: 25px 0;
}
.fixed#header .nav-toggle{
     top: 30px
}
.navigation.open{
     opacity: 0.9;
     visibility: visible;
     -moz-transition: opacity 0.5s;
     -o-transition: opacity 0.5s;
     -webkit-transition: opacity 0.5s;
     transition: opacity 0.5s;
}
.navigation{
     float: right;
}
.navigation li{
     display: inline-block;
}
.navigation a{
     color: #222;
     font-size: 16px;
     font-weight: 700;
     margin-left: 30px;
     letter-spacing: 3px;
     text-transform: uppercase;
}
.navigation a:hover, .navigation a.active{
     color: #bbb;
}
.nav-toggle{
     display: none;
     height: 44px;
     overflow: hidden;
     position: fixed;
     right: 5%;
     text-indent: 100%;
     top: 32px;
     white-space: nowrap;
     width: 44px;
     z-index: 99999;
     -moz-transition: all 0.3s;
     -o-transition: all 0.3s;
     -webkit-transition: all 0.3s;
     transition: all 0.3s;
}
.nav-toggle::before, .nav-toggle::after{
     border-radius: 50%;
     content: "";
     height: 100%;
     left: 0;
     position: absolute;
     top: 0;
     width: 100%;
     -moz-transform: translateZ(0);
     -ms-transform: translateZ(0);
     -webkit-transform: translateZ(0);
     transform: translateZ(0);
     -moz-backface-visibility: hidden;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     -moz-transition-property: -moz-transform;
     -o-transition-property: -o-transform;
     -webkit-transition-property: -webkit-transform;
     transition-property: transform;
}
.nav-toggle::before{
     background-color: #d80b2a;
     -moz-transform: scale(1);
     -ms-transform: scale(1);
     -webkit-transform: scale(1);
     transform: scale(1);
     -moz-transition-duration: 0.3s;
     -o-transition-duration: 0.3s;
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
}
.nav-toggle::after{
     background-color: #d80b2a;
     -moz-transform: scale(0);
     -ms-transform: scale(0);
     -webkit-transform: scale(0);
     transform: scale(0);
     -moz-transition-duration: 0s;
     -o-transition-duration: 0s;
     -webkit-transition-duration: 0s;
     transition-duration: 0s;
}
.nav-toggle span{
     background-color: #fff;
     bottom: auto;
     display: inline-block;
     height: 3px;
     left: 50%;
     position: absolute;
     right: auto;
     top: 50%;
     width: 18px;
     z-index: 10;
     -moz-transform: translateX(-50%) translateY(-50%);
     -ms-transform: translateX(-50%) translateY(-50%);
     -webkit-transform: translateX(-50%) translateY(-50%);
     transform: translateX(-50%) translateY(-50%);
}
.nav-toggle span::before, .nav-toggle span::after{
     background-color: #fff;
     content: "";
     height: 100%;
     position: absolute;
     right: 0;
     top: 0;
     width: 100%;
     -moz-transform: translateZ(0);
     -ms-transform: translateZ(0);
     -webkit-transform: translateZ(0);
     transform: translateZ(0);
     -moz-backface-visibility: hidden;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     -moz-transition: -moz-transform 0.3s;
     -o-transition: -o-transform 0.3s;
     -webkit-transition: -webkit-transform 0.3s;
     transition: transform 0.3s;
}
.nav-toggle span:before {
     -moz-transform: translateY(-6px) rotate(0deg);
     -ms-transform: translateY(-6px) rotate(0deg);
     -webkit-transform: translateY(-6px) rotate(0deg);
     transform: translateY(-6px) rotate(0deg);
}
.nav-toggle span:after {
     -moz-transform: translateY(6px) rotate(0deg);
     -ms-transform: translateY(6px) rotate(0deg);
     -webkit-transform: translateY(6px) rotate(0deg);
     transform: translateY(6px) rotate(0deg);
}
.nav-toggle.close-nav:before {
     -moz-transform: scale(0);
     -ms-transform: scale(0);
     -webkit-transform: scale(0);
     transform: scale(0);
}
.nav-toggle.close-nav:after {
     -moz-transform: scale(1);
     -ms-transform: scale(1);
     -webkit-transform: scale(1);
     transform: scale(1);
}
.nav-toggle.close-nav span{
     background-color: rgba(255, 255, 255, 0);
}
.nav-toggle.close-nav span::before, .nav-toggle.close-nav span::after{
     background-color: #fff;
}
.nav-toggle.close-nav span:before {
     -moz-transform: translateY(0) rotate(45deg);
     -ms-transform: translateY(0) rotate(45deg);
     -webkit-transform: translateY(0) rotate(45deg);
     transform: translateY(0) rotate(45deg);
}
.nav-toggle.close-nav span:after {
     -moz-transform: translateY(0) rotate(-45deg);
     -ms-transform: translateY(0) rotate(-45deg);
     -webkit-transform: translateY(0) rotate(-45deg);
     transform: translateY(0) rotate(-45deg);
}
.nav-mark::before{
     font-family: FontAwesome;
     content: "\f0a9";
     padding-right: 4px;
}
/* ------------------------------------------------------------------------------
	 Banner
-------------------------------------------------------------------------------*/

.banner{
     background-image : url(../top000.png);
     background-position: left top;
     background-repeat: no-repeat;
     -moz-background-size: cover;
     -o-background-size: cover;
     -webkit-background-size: cover;
     background-size: cover;
     min-height: 350px;
}
.banner-btn {
     opacity: 0.5;
}
.banner-text{
     padding-top: 33%;
}
.banner-text h1{
	color: #ffffff;
	font-family: "Source Sans Pro";
	font-size: 50px;
	letter-spacing: 5px;
	font-weight: 600;
	text-transform: uppercase;
	background-color: rgba(255, 106, 106, 0.85);
	color: #FF;
}
.banner-text p{
     color:  #000;
     font-size: 20px;
     font-weight: 500;
     letter-spacing: 3px;
     line-height: 24px;
     margin-top: 50px;
     margin-bottom: 20px;
     text-transform: uppercase;
}
.banner-extra{
     background: #fff;
     -moz-background-size: cover;
     -o-background-size: cover;
     -webkit-background-size: cover;
     background-size: cover;
     min-height: 145px;
}
/* ------------------------------------------------------------------------------
	 Breadcrumbs
-------------------------------------------------------------------------------*/
nav#breadcrumbs{
     margin-top: 34px;
     font-size: 0.8em;
     color: #444;
}
nav#breadcrumbs ol li{
     display: inline-block;
     list-style-type: none;
}
nav#breadcrumbs ol li::before{
     content: "＞";
     padding: 0 8px;
}
nav#breadcrumbs ol li:first-child::before{
     content:"";
     padding: 0;
}
/* ------------------------------------------------------------------------------
	 leftside_product-category-list  rightside_article-list
-------------------------------------------------------------------------------*/
.list01-title{
     text-align: center;
     margin-top: 25px;
     padding: 8px 0;
     font-size: 1em;
     font-weight: 300;
     border-bottom: 1px solid #555;
}
.list02-title{
     text-align: center;
     margin-top: 35px;
     padding: 8px 0;
     font-size: 0.80em;
     font-weight: 300;
     border-bottom: 1px solid #dcd0d6;
}
.buy-list::before{
     font-family: FontAwesome;
	color: #ff6868;
     content: "\f069";
     padding-right: 8px;
     vertical-align: text-bottom;
}
.ranking::before{
     content: "NEW";
     font-size: 0.6em;
     color: #fff;
     background: #444;
     padding: 2px 4px;
     margin-right: 8px;
     border-radius: 5px 0 ;
     vertical-align: middle;
}
.new-article::before{
	font-family: FontAwesome;
	color: #ff6868;
	content: "\f15c";
	padding-right: 8px;
	vertical-align: text-bottom;
}
.list01{
     list-style: none;
     width: 100%;
     padding: 0;
     margin: 0 auto;
}
.list01 li{
     list-style: none;
     width: 100%;
     margin: 0;
     padding: 0;
     border-bottom: 1px dotted #bbb;
}
.list01 li a{
     position: relative;
     display: block;
     margin: 0;
     padding: 10px 16px 10px 8px;
     background: #fff;
     font-weight: 400;
     text-decoration: none;
}
.list01 li a::before{
     display: block;
     content: "";
     position: absolute;
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
     top: 50%;
     right: 8px;
     width: 10px;
     height: 10px;
     margin-top: -5px;
     background: #ff6868;
}
.list01 li a::after{
     display: block;
     content: "";
     position: absolute;
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
     top: 50%;
     right: 12px;
     width: 10px;
     height: 10px;
     margin-top: -5px;
     background: #fff;
}
/* ------------------------------------------------------------------------------
	 top main_layout post-layout add-product
-------------------------------------------------------------------------------*/
.top-index-title{
     text-align: center;
     padding: 41px 0;
}
.top-index-title h3{
     padding: .8em 0 0.8em 0;
     border-top: 3px double #ccc;
     border-bottom: 1px dashed #ddd;
}
.top-p{
     border-top: 3px double #ccc;
     line-height: 25px;
     margin-top: 40px;
     margin-bottom: 10px;
     padding: 20 10 10 10;
     border-bottom: 1px dashed #ddd;
}     
.post-image{
     max-height: 300px;
     overflow: hidden;
}
.post-title h1{
     text-align: left;
     font-size: 1em;
     font-weight: 500;
     color: #222;
     margin: 5px 0 30px 0;
}
.post-title h4{
     text-align: left;
     font-size: 1.1em;
     font-weight: 500;
     color: #222;
     margin: 5px 0 30px 0;
}
.add-product-image{
     margin-bottom: 3px;
}
.add-product-category{
     text-align: center;
     font-size: 0.8em;
     color: #555;
     margin-bottom: 3px;
}
.add-product-name h2{
     text-align: center;
     font-size: 16px !important;
     color: #222;
     margin: 5px 0 18px 0;
}
/* ------------------------------------------------------------------------------
	 post
-------------------------------------------------------------------------------*/
.post-index-title{
     text-align: left;
     margin: 29px 0 18px 0;
     padding-left: 5px;
     border-top: 3px double #ccc;
     border-bottom: 1px dashed #ddd;
}
.post-index-title h4{
     display: inline-block;
     font-weight: 700;
}
.post-index-title::before{
     font-family: FontAwesome;
     content: "\f044";
     padding-right: 8px;
}
.post-header{
     margin: 9px 0 25px 0;
     padding: 5px 5px 10px 5px;
     border-top: 3px double #ccc;
     border-bottom: 1px solid #ccc;
}
.post-header h2{
     font-size: 1.5em;
     font-weight: 700;
}
.post img{
     overflow: hidden;
}
.post h2{
     font-size: 1.4em;
     font-weight: 700;
     margin: 23px 0 15px 0;
     padding: 10px;
     background-color: #ccc;
     text-align: left;
}
.post h3{
     font-size: 1.1em;
     font-weight: 700;
     border-left: 10px double #60C000;
     padding-left: 10px;
     margin: 15px 0 10px 0;
}
.related-post{
     margin: 100px 0 80px 0;
}
.related-post-title{
     font-size: 1em;
     font-weight: 500;
     padding-bottom: 8px;
     border-bottom: 1px solid #555;
}
.related-post li{
     list-style: none;
     width: 100%;
     border-bottom: 1px dotted #bbb;
}
.related-post li a{
     display: block;
     margin: 0;
     padding: 10px 0 10px 5px;
     background: #fff;
     font-weight: 400;
     text-decoration: none;
}
.related-post li a:hover{
     text-decoration: underline;
}
.related-post li a::before{
     font-family: FontAwesome;
     content: "\f105";
     padding-right: 8px;
}
/* ------------------------------------------------------------------------------
	 SNS
-------------------------------------------------------------------------------*/
.sns-share{
     margin: 0px;
     text-align: right;
     paddinf: 0;
}
.sns-share ul li{
  display: inline-block;
  vertical-align: top;
  line-height: 0;
  margin-right: 5px;
}

/* ------------------------------------------------------------------------------
	 buy
-------------------------------------------------------------------------------*/
.product-category h4{
     font-size: 1.1em;
     font-weight: 700;
     border-left: 5px double #00C000;
     border-bottom: 1px dotted #408000;
     padding: 8px 0 8px 10px;
     margin: 35px 0 20px 0;
}
.category-name{
     margin: 5px 0 10px 15px;
}
.category-name span::before{
     font-family: FontAwesome;
     content: "\f0a9";
     padding-right: 8px;
}
.product-header{
     margin: 9px 0 25px 0;
     padding: 5px 5px 10px 5px;
     border-top: 3px double #ccc;
     border-bottom: 1px solid #ccc;
}
.product-header h1{
     font-size: 1.5em;
     font-weight: 700;
}
.product-list h3{
     font-size: 1.1em;
     font-weight: 700;
     border-bottom: 2px solid #aaa;
     margin: 30px 0 10px 0;
     padding: 0 0 10px 8px;
     position: relative;
}
.product-list h3::before, h3::after{
     position: absolute;
     bottom: -4px;
     left: 0;
     content: '';
     height: 4px;
}
.product-list h3::before{
     z-index: 2;
     width: 30%;
     background-color: #666;
}
.product-list h3::after{
     width: 100%;
     background: -webkit-repeating-linear-gradient(-45deg, #eee, #eee 2px, #aaa 2px, #aaa 4px);
     background: repeating-linear-gradient(-45deg, #eee, #eee 2px, #aaa 2px, #aaa 4px);
}
.product-image{
     margin: 25px 0;
     border: 0px solid #aaa;
     padding-top:5px;
     padding-left:15px;
}
.product-list table{
     border-collapse: separate;
     border-spacing: 10px;
     width: 100%;
     margin: 25px 0 0 0;
}
.product-list th{
     width: 20%;
     text-align: justify;
     text-justify: inter-ideograph;
     font-weight: 700;
     border-left: 3px solid #aaa;
     padding-left: 8px;
}
.product-list th p{
     text-align: justify;
     text-justify: inter-ideograph;
}
.product-list td{
     width: 80%;
     text-align: left;
     word-break: break-all;
}
.btn-detail{
     margin-left: 29px;
}
.line01{
     margin-top: 15px;
     border-top: 1px dashed #999;
     padding-bottom:20px;
}
.product-list h4{
     font-size: 1.1em;
     font-weight: 700;
     border-left: 5px double #aaa;
     padding-left: 10px;
     margin: 15px 0 8px 0;
}
.product-bindex{
     font-saize: 1em;
     text-align: center;
}

/* ------------------------------------------------------------------------------
	 typical page
-------------------------------------------------------------------------------*/
.page-title h1{
     margin: 9px 0 25px 0;
     padding: 25px 5px;
     border-top: 3px double #ccc;
     border-bottom: 1px solid #ccc;
     font-size: 1.5em;
     font-weight: 700;
}
table.table01{
     border-collapse: separate;
     border-spacing: 1px;
     text-align: left;
     line-height: 1.5;
     border-top: 1px solid #666;
     border-left: 3px solid #8ccb24;
     width: 100%;
}
table.table01 th{
     width: 25%;
     padding: 10px;
     font-size: 1em;
     font-weight: 700;
     text-align: center;
     vertical-align: middle;
     border-right: 1px solid #666;
     border-bottom: 1px solid #666;
     background: #eee;
}
table.table01 td{
     width: 75%;
     padding: 10px;
     font-size: 1em;
     vertical-align: top;
     border-right: 1px solid #666;
     border-bottom: 1px solid #666;
}
/* ------------------------------------------------------------------------------
	 Intro
-------------------------------------------------------------------------------*/
.intro{
     background-color: #fff;
     position: relative;
}
.intro blockquote{
     border: 0;
     margin: 0;
     padding: 100px 15% 0;
}
.intro h1{
     color: #000;
     font: 27px "Source Sans Pro";
}
.intro p{
     color: #6c7279;
     display: block;
     font-size: 13px;
     font-style: normal;
     font-weight: 400;
     margin-top: 30px;
}
/* ------------------------------------------------------------------------------
	 Services
-------------------------------------------------------------------------------*/
.service-section{
     padding-top: 100px;
}
.services{
     margin-bottom: 50px;
}
.services-content{
     padding: 0 15px;
     margin-top: 30px;
}
.services .icon{
     color: #e84545;
     font-size: 36px;
     padding-left: 15px;
}
/* ------------------------------------------------------------------------------
	 Works
-------------------------------------------------------------------------------*/
.work{
     -moz-box-shadow: 0 0 0 1px #fff;
     -webkit-box-shadow: 0 0 0 1px #fff;
     box-shadow: 0 0 0 1px #fff;
     overflow: hidden;
     position: relative;
}
.work img{
     width: 100%;
     height: 100%;
}
.work .overlay{
     background: rgba(232, 69, 69, 0.9);
     height: 100%;
     left: 0;
     opacity: 0;
     position: absolute;
     top: 0;
     width: 100%;
     -moz-transition: opacity, 0.3s;
     -o-transition: opacity, 0.3s;
     -webkit-transition: opacity, 0.3s;
     transition: opacity, 0.3s;
}
.work .overlay-caption{
     position: absolute;
     text-align: center;
     top: 50%;
     width: 100%;
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%);
}
.work h5, .work p, .work img {
     -moz-transition: all, 0.5s;
     -o-transition: all, 0.5s;
     -webkit-transition: all, 0.5s;
     transition: all, 0.5s;
}
.work h5, .work p{
     color: #fff;
     margin: 0;
     opacity: 0;
}
.work span{
     font-size: 45px;
}
.work h5{
     margin-bottom: 5px;
     -moz-transform: translate3d(0, -200%, 0);
     -ms-transform: translate3d(0, -200%, 0);
     -webkit-transform: translate3d(0, -200%, 0);
     transform: translate3d(0, -200%, 0);
}
.work p {
     -moz-transform: translate3d(0, 200%, 0);
     -ms-transform: translate3d(0, 200%, 0);
     -webkit-transform: translate3d(0, 200%, 0);
     transform: translate3d(0, 200%, 0);
}
.work-box:hover img {
     -moz-transform: scale(1.2);
     -ms-transform: scale(1.2);
     -webkit-transform: scale(1.2);
     transform: scale(1.2);
}
.work-box:hover .overlay {
     opacity: 1;
}
.work-box:hover .overlay h5, .work-box:hover .overlay p {
     opacity: 1;
     -moz-transform: translate3d(0, 0, 0);
     -ms-transform: translate3d(0, 0, 0);
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
}
/* ------------------------------------------------------------------------------
	 Teams
-------------------------------------------------------------------------------*/
.person{
     max-width: 270px;
     text-align: center;
}
.person-content{
     margin-top: 20px;
}
.person h4{
     font-weight: 400;
}
.person h5{
     color: #e84545;
     font-size: 13px;
     font-weight: 400;
     margin-bottom: 20px;
}
.social-icons, .footer .footer-share{
     margin-top: 30px;
}
.social-icons li, .footer .footer-share li{
     display: inline-block;
     float: none;
}
.social-icons a, .footer .footer-share a{
     border: 1px solid #e84545;
     -moz-border-radius: 50%;
     -webkit-border-radius: 50%;
     border-radius: 50%;
     color: #222;
     display: block;
     font-size: 14px;
     height: 32px;
     line-height: 32px;
     margin-right: 5px;
     text-align: center;
     width: 32px;
}
.social-icons a:hover, .footer .footer-share a:hover{
     background-color: #e84545;
     border-color: #e84545;
     color: #222;
}
/* ------------------------------------------------------------------------------
	Quote
-------------------------------------------------------------------------------*/
.quote h3{
     margin-top: 0;
}
.quote p{
     color: #2d3033;
     font-weight: 600;
     text-transform: uppercase;
}
.quote .btn{
     margin-top: 30px;
}
/* ------------------------------------------------------------------------------
	 Footer
-------------------------------------------------------------------------------*/
.footer{
     text-align: center;
}
.footer-top{
     background: url(../images/background.png);
     padding-top: 50px;
}
.footer-bottom{
     background-color: #313454;
     padding: 20px 0;
}
.footer .footer-col{
     margin-bottom: 80px;
}
.footer h5{
     color: #333;
}
.footer h5{
     margin-bottom: 20px;
}
.footer p{
     color: #222;
}
.footer a{
     color: #222;
}
.footer a:hover{
     color: #999;
}
.footer .footer-share{
     margin-top: 0;
}
.footer .footer-share li{
     display: inline-block;
     float: none;
}
.footer .footer-share a{
     border: none;
     font-size: 21px;
     color: rgba(255, 255, 255, 0.25);
}
.footer ul li{
     padding: 3px 0px;
     font-size: 0.85em;
}
/* ------------------------------------------------------------------------------
	Pagination
-------------------------------------------------------------------------------*/
.pagination-list{
     width:100%;
}
.pagination-list .inner{
     overflow:hidden;
}
.pagination-list .pager{
     clear:both;
     margin:30px 0;
     text-align:center;
}
.pagination-list .pager span{
     font-size: 1.1em;
     margin:8px;
     padding: 3px 8px;
     color:#000;
     background:#fff;
     border:1px solid #000;
}
.pagination-list .pager span:hover{
     cursor:pointer;
     background:#bbb;
}
.pagination-list .pager span.current{
     color:#fff;
     background:#333;
}
.pagination-list .pager span.current:hover{
     cursor:default;
}
.pagination-list .pager span.invalid{
     display:none;
}
.pagination-list .pager span.invalid:hover{
     cursor:default;
}
.pagination-list .pager span.ellipsis{
     color:#000;
     background:none;
     border:none;
}
.pagination-list .pager span.ellipsis:hover{
     cursor:default;
}
.pagination-list .pager span.first,
.pagination-list .pager span.last,
.pagination-list .pager span.prev,
.pagination-list .pager span.next{
     background:#fff;
     border: none;
}
.pagination-list .pager span.first:hover,
.pagination-list .pager span.last:hover,
.pagination-list .pager span.prev:hover,
.pagination-list .pager span.next:hover{
     text-decoration: underline;
}
.pagination-list .pageNum{
     margin:30px 0;
     text-align:center;
}
/* ------------------------------------------------------------------------------
	add to
-------------------------------------------------------------------------------*/
.clear { clear:both; }  
.clear hr {
	display:none;
	padding-bottom:30px;
 }