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


mb00{margin-bottom: 0px !important;}

header{
	padding: 8px;
    background: #fff;
}
header .inner{}
header .inner #logo{
	font-size: 13px;
    line-height: 15px;
    font-weight: bold;
	display: inline-block;
}
header .inner h1{
	margin: 6px 10px 0 0;
    display: inline-block;
    font-size: 15px;
    float: right;
}

footer{
	display: block;
    text-align: center;
}
footer::before{
	content: '';
	display: block;
	background: -moz-linear-gradient(top, #ccc, #FFF);
  background: -webkit-linear-gradient(top, #ccc, #FFF);
  background: linear-gradient(to bottom, #ccc, #FFF);
}

footer a{
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
}

footer a::before{
  content: '';
  display: inline-block;
  vertical-align: top;
  width: 100%;
  background: url( "../img/vp_logo.png") no-repeat 50% 50%;
}

@media screen and (max-width:768px) {
footer{
    padding: 0 0 20vw;
}
footer::before{
	height: 3vw;
	background: -moz-linear-gradient(top, #ccc, #FFF);
  background: -webkit-linear-gradient(top, #ccc, #FFF);
  background: linear-gradient(to bottom, #ccc, #FFF);
}

footer a{
	padding: 2vw 0 0 0;
}

footer a::before{
  height: 24px;
	background-size: 60%;
}
}
@media screen and (min-width:769px)  {
footer{
    padding: 0 0 24px;
}
footer::before{
	height: 24px;
}

footer a{
	padding: 8px 0 0;
}

footer a::before{
	height: 24px;
	background-size: 90%;
}
}