/*--------------------------------------------
	footer
--------------------------------------------*/

.foot_inner {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  text-align:center;
}

.clearfix:after{
	content: "";
	clear: both;
	display: block;
}

#foot_top-head {
  position: absolute;
  width: 100%;
  margin: 0px auto 0;
  padding: 10px 0 10px 0;
  line-height:1;
  color:#FFF;
  background-color:#50bcd3;
  
}

#foot_top-head a,
#foot_top-head {
	font-family: 'Jost', 游ゴシック体, 'Yu Gothic', YuGothic, sans-serif;
	font-size:12px;
	font-weight: 400;
	letter-spacing:2px;
    color: #fff;
    text-decoration: none;
}


 
.foot_wrapper {
     float: left;
     margin: 0;
     width: 100%;
     margin-right: -150px;
}
 
.foot_content {
     float: right;
     width: 100%; 
     margin-left: -150px;  
}
 
.foot_content_main {
     position: relative;  
     margin: 0 0 0 200px;  
     border: 0px solid #000;
	 display:block;
 
}
 
.foot_l_sidebar {
     float: left;
     border: 0px solid #000;
     width: 150px;
}

#foot-nav ul {
    list-style: none;
    position: absolute;
    top: 40px;
 	text-align:center;
}
#foot-nav ul li {
    float: left;
    padding:0 10px;
    border-left: 0px solid #fff;
	text-align:center;
}
#foot-nav ul li a {
    padding: 2px;
    position: relative;
    display: inline-block;
}
 
#foot-nav ul li a::after {
   content: '';
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 1px;
   -webkit-transform: scaleX(0);
   -ms-transform: scaleX(0);
   transform: scaleX(0);
   background-color: #fff;
   -webkit-transition: all .3s ease;
   transition: all .3s ease;
}
 
#foot-nav ul li a:hover::after {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}

#foot-nav ul li img{
	height: 20px;
	vertical-align:middle;
}



 
.copy {
     clear: both; 
     border: 0px solid #000;
	 text-align:center;
	 display: inline-table;
	 padding: 10px;
	overflow: hidden;
	margin:0 auto;
}

.copy p {
	font-family: 'Jost', 游ゴシック体, 'Yu Gothic', YuGothic, sans-serif;
	font-size:10px;
	font-weight: 400;
	letter-spacing:2px;
    color: #fff;
    text-decoration: none;
}
 
.clear{
	clear: both;
	width: 100%;
	height: 3px;
	padding: 0px;
}
 
 
/*-----------スマホのトグルボタンのCSS-------------*/
 

/*---------gnav sp--------------*/
/*-----------スマホ-------------*/
@media screen and (max-width: 767px) {
	
	
	.foot_inner {
        width: 100%;
        padding: 0;
    }

     .foot_wrapper, .foot_content, .foot_content_main, .foot_l_sidebar {
          float: none;
          margin: 0 auto;
          width: auto;
		 display: none;
     }
     .r_sidebar {
          display: none;
     }
	 
	 #foot-nav ul {
    top: 0px;
	left:30px;
	}
	 
	 .copy {
	 margin-top:0px;
	}
	
	.foot_content_main, .foot_l_sidebar  {
		display:none;
}

}
 

#foot_top-head .logo img {
    height: 80px;
	padding-top: 20px;
}