@charset "utf-8";

#tribia h2 {
  background: #fcfbef;
  text-align: center;
  padding: 45px 0;
}
#tribia #list {
  background: url(../img/trivia/bg.png) 0 0;
}
#tribia #list .inner {
  max-width: 918px;
  padding: 40px 0;
}
#tribia #list ul li {
  width: 33.111111111%;
  margin: 8px 0;
  background: url(../img/trivia/panel_bg.png) 0 0 no-repeat;
  background-size: contain;
}
#tribia #list ul li a:hover {
  opacity: 0.5;
}
#tribia #list ul li img {
  max-width: 100%;
}

/*colorbox*/
#cboxOverlay {
  background: #000!important;
}
#cboxLoadedContent {
  border: 0;
  background: none!important;
}
#cboxContent {
  background: none!important;
}
#cboxClose {
  background-position: 0px 0px!important;
  right: 0!important;
  background-size: contain!important;
  width: 20px!important;
  height: 20px!important;
  top: -30px!important;
}
@media screen and (max-width: 767px) {
  #tribia h2 {
    padding: 6vw 0;
  }
  #tribia h2 img {
    width: 72.133333333vw;
  }
  #tribia #list ul li {
    width: 50%;
    margin: 0.8vw 0;
  }
  #tribia #list {
    background-size: cover;
  }
  #tribia #list .inner {
    padding: 5vw 0;
  }
}