@charset "utf-8";

body {
  background-color: #080200;
}

.main {
  width: 100vw;
  margin: 0 auto;
  left: 0;
  right: 0;
  border: solid 1px red;
}


/* 点滅及び消滅回避
a:hover {
  cursor: pointer;
  filter: alpha(opacity=70);
  opacity:0.8;
}
*/

.hcenter {
  display: block;
  margin: 0 auto;
  left: 0;
  right: 0;
}

/* -- logo -- */
.logo-yodaka {
  margin-top: 0px;
}
.copyright {
  margin-bottom: 80px;
}
.copyright-07th {
  position: absolute;
  right: 52%;
}
.copyright-yodaka {
  position: absolute;
  left: 52%;
}
 

/* 800px以下*/
@media screen and (max-width: 800px) {
  .main {
  }
  .hcenter {
    width: calc(800 / 800 * 100vw * 0.9)
  }

  .logo-yodaka {
    width: calc(800 / 800 * 100vw * 0.9)
  }
  .copyright-07th {
    width: calc(224 / 800 * 100vw * 1.0)
  }
  .copyright-yodaka {
    width: calc(184 / 800 * 100vw * 1.0)
  }
 
}