@charset "UTF-8";
/* CSS Document */

/***--------------------------------------------

#footer

-----------------------------------------------*/
footer{ background:#000; color:#ffffff;font-weight: 600;}
#foot {
text-align:center;
width:920px;
margin:0px auto;
padding:20px 0px;
}

#foot li{
	font-size:0.8rem;
  position: relative;
  display: inline-block;
  padding-left: 15px;
  padding-right: 20px;
}
#foot li a { color:#ffffff; text-decoration:none;}
#foot li a:hover { text-decoration: underline;}
#foot li a:active{color:#efefef;}
#foot li::before{
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 3px #5bc0de;
  border-right: solid 3px #5bc0de;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -4px;
}
.logo { padding:20px 0; width:200px; margin-left:auto; margin-right:auto;}
.copyright {font-size:0.6rem; line-height:2rem; text-align:center;}
/*===============================================
●tablet.css 画面の横幅が768pxまで
===============================================*/
@media screen and (max-width:768px) {
#foot { width:100%; padding-top:0px; padding-left:6px; overflow:hidden;}
#foot li{
   width:50%;
   float:left;
   list-style-type:none;
   text-align:left;
   padding-right:0px;
}
#foot li:last-child{width:100%;border-right:0px;}
#foot li a{ display:block; padding:7px 0px;  }
#foot li a:hover {  background-color:#999;}

.logo { width:50%;}
}