/*---------- footer ----------*/
#footer {
  background-color:#2d2d2d;
  padding:85px 0 30px;
  width:100%;
  display:block;
  overflow:hidden;
  clear:both;
}
.footer_wrapper{
  width:1000px;
  text-align: left;
  color:#fff;
  overflow: hidden;
  clear: both;
}
.footer_wrapper > .wrapper_l{width:680px;float: left;}
.footer_wrapper > .wrapper_r{width:320px;float: right;}
.footer_wrapper > .wrapper_l .category{
  margin-bottom:25px;
  font-size:20px;
  text-align: left;
  color:#fff;
  letter-spacing: 2px;
  font-family: 'Open Sans', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.footer_wrapper > .wrapper_l ul.categorylist{font-size: 0;}
.footer_wrapper > .wrapper_l ul.categorylist li{width:50%;vertical-align: top; display: inline-block;}
.footer_wrapper > .wrapper_l ul.categorylist li ul.list li,
.footer_wrapper > .wrapper_l ul.categorylist li ul.subcategory li{
  font-size:13px;
  line-height:2.0;
  color:#fff;
  display: block;
  letter-spacing: 2px;
}
.footer_wrapper > .wrapper_l ul.categorylist li ul.list li{font-family: 'Roboto', sans-serif;}
.footer_wrapper > .wrapper_l ul.categorylist li ul.subcategory li{
  position: relative;
  top:0;
  left:0;
  padding-left:20px;
  font-weight: normal;
}
.footer_wrapper > .wrapper_l ul.categorylist li ul li a,
.footer_wrapper > .wrapper_l ul.categorylist li ul.subcategory li a{color:#fff;}
.footer_wrapper > .wrapper_l ul.categorylist li ul.subcategory li:before{
  content: '';
  width:10px;
  height:10px;
  border:2px solid #fff;
  position: absolute;
  top:6px;
  left:0;
}
.footer_wrapper > .wrapper_r h2 a img{margin-top:15px;width:260px;}
.footer_wrapper > .wrapper_r p{
  margin-top:15px;
  font-size:12px;
  line-height: 1.5;
  letter-spacing: 1px;
}
.copyright{
  margin-top:80px;
  font-size:12px;
  color: #fff;
  letter-spacing: 1.5px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


/*------------------------------
PC
------------------------------*/
@media screen and (min-width: 769px){
}

/*------------------------------
 Tablet / Smartphone 
------------------------------*/
@media only screen and (max-width:768px) {
  .footer_wrapper{
    width:100%;
    text-align: center;
  }
  .footer_wrapper > .wrapper_l{display:none;}
  .footer_wrapper > .wrapper_r{width:100%;clear: both;}
  .footer_wrapper > .wrapper_r h2 a img{margin-top:0;width:80%;}
  .footer_wrapper > .wrapper_r p{text-align: center;}
  .copyright{margin-top:50px;font-size:68%;}
  
  
}