body{
 /*　デフォルト文字の指定　*/
  color:#373737;
  font-size: 12px;
  background-color: black;
}

body::before {
  content: "";
  background: url(../img/back.jpg) no-repeat center center;
  background-size: cover;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: -1;
  transform: translateZ(0);
}

.fc-white{color: #FFFFFF;}


.opcal-90{  opacity: 0.9;  -moz-opacity: 0.9;  filter: alpha(opacity=90);}


h1{font-size: 32px;
   font-weight:bold;
   color: #FFFFFF;
}
h2{font-size: 25px;
    font-weight:bold;
    color: #FFFFFF;
 }ba
h3{font-size: 13px;
    font-weight:bold;
    color: #FFFFFF;
 }


 h4{font-size:10px;
    font-weight:bold;
    color: #222;
 }

 h4{font-size:10px;
  font-weight:bold;
  color: #222;
}

a {color:#ee4949 ;}
a:hover{color: ##ee4949;}
a:active{color:#FFFFFF;}

#top_bk {
    color: #FFFFFF;
    background:url(../img/top.jpg) center no-repeat;
    background-size: cover;

}

#top::before{
    filter: opacity(75%);
}

#News {color:#FFFFFF;}

#Footer{
    background-color:#373737 ;
    color: #FFFFFF;
    opacity: 0.98;  -moz-opacity: 0.98;  filter: alpha(opacity=98);
}

.fa-white{color: #ee4949;}

/*メニュー*/
.navbar-light .navbar-toggler {
    border-color: rgba(0,0,0,0);
}

/*Scroll Fade*/
.fadein {
    visibility:hidden;
    transform : translate(0, 100px);
    transition : all 1s;
  }
   
  .fadein.active{
    visibility:visible;
    transform : translate(0, 0);
  }

  .fadeout {
    visibility:visible;
    transform : translate(0, 0);
  }
   
  .fadeout.active{
    visibility:hidden;
    opacity: 0;
    transform : translate(0, 100px);
    transition : all 1s;
  }


  .img-responsive {
    display: block;
    height: auto;
    max-width: 100%;
  }