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

*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}


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

#pagetop

-----------------------------------------------*/
  #pageTop {
    display: none;
    position: fixed;
    bottom: 150px;
    right: 0px;
	padding:10px;
    font-size: 13px;
	color: #fff;
	 text-decoration: none;
  text-align: center;
  font-weight: bold;
	  background: #000;
  }
  

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

#footer

-----------------------------------------------*/
footer{ background:#000; color:#ffffff;}
#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) {
.breadcrumb { font-size:78%; margin-bottom:10px;}
#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%;}
}