@charset "UTF-8";
/* CSS Document */
html {
  font-size: 62.5%; /* 16px * 62.5% = 10px */
  width: 100%;
}
body {
  color: #fff; /* RGB */
  font-family: "optima","sans-serif","游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", verdana, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  font-weight: 500;
  font-size: 1.6em;
  line-height: 1;
  background-color: #101010;
}

img{max-width: 100%;
  height: auto;
}

li{
  list-style: none;
}


#js-mouse {
  pointer-events: none;
  position: fixed;
  top: -15px; 
  left: -15px;
  width: 40px;
  height: 40px;
  background-color:#ff0000;
  opacity: 0.8;
  border-radius: 50%;
  transform: translate(0,0);
  transition: transform 0.3s ease-out;
  z-index: 9999;
  opacity: 0;

} 






  /* スマホの記述 */
  @media(max-width: 768px){


    .footer {
      background-color: black;
      height: 48px;
      padding-top: 48px;
      text-align: center;
      font-size: -18px;}
    
    
    
.footer__copyright{
  font-size: 14px;
  margin-top: 20px;
  color: #ffffff;
}
.igicon{

  margin-left: 0px;
      }
  }



@media (min-width: 769px){

.footer{
  background-color: black;
  height: 72px;
  padding-top: 110px;
  text-align: center;
}
.footer__copyright{
  margin-top: 20px;
  color: #ffffff;
}

}