:root {
  --baceFontColor: #333333;
}

/*-----------------------------------------------------	*/
/*	for all						*/
/*-----------------------------------------------------	*/
/*** main 960-680px ***/
#bf_wrapper {
  margin: 30px auto 0 auto;
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 20px;
}
#bf_wrapper > div:nth-child(1) {
  min-width: 0;
}
#bf_wrapper > div:nth-child(1) > a:hover img {
  opacity: 0.75;
}
#bf_wrapper > div:nth-child(1) ul {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 10px;
  margin: 20px auto 0 auto;
}
#bf_wrapper > div:nth-child(2) .fb-page {
  width: 100% !important;
  height: 100%;
}
@media screen and (max-width: 768px) {
  #bf_wrapper {
    display: block;
  }
  #bf_wrapper > div:nth-child(2) {
    margin-top: 20px;
  }
}

#shokai {
  margin: 30px 0 0 0;
  box-shadow: 0px 0px 3px 0px #CCC;
}
#shokai h1 {
  border-top: 3px solid #06C;
  background: #BBEBFF;
  font-size: 20px;
  text-align: left;
  padding: 0.5em 0.5em 0.3em 0.5em;
}
#shokai p {
  text-align: left;
  padding: 20px;
  background: #F3F8FA;
}

#top_link ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0 20px;
}
#top_link ul li {
  margin: 0 0 0 2em;
  list-style: disc;
  text-align: left;
}
@media screen and (max-width: 768px) {
  #top_link ul {
    display: block;
  }
}/*# sourceMappingURL=index.css.map */