@charset "utf-8";
/* ----------------------------------------
 event
------------------------------------------- */
#event .float-l{
  width: 40%;
}
#event .float-r{
  width: 55%;
}
#event h2{
  color: #ccc183;
  font-size: 2.8rem;
  margin-bottom: 15px;
}
/* ----------------------------------------
 bus
------------------------------------------- */
#bus .float-r{
  width: 40%;
}
#bus .float-l{
  width: 55%;
}
#bus h2{
  color: #ccc183;
  font-size: 2.8rem;
  margin-bottom: 15px;
}
/* ----------------------------------------
 info
------------------------------------------- */
#info .float-l{
  width: 40%;
}
#info .float-r{
  width: 55%;
}
#info h2{
  font-size: 2.0rem;
  margin-bottom: 15px;
}
#info h2 span{
  font-size: 80%;
}
#info table{
  width: 100%;
  font-size: 1.6rem;
  margin-bottom: 30px;
}
#info table th,#info table td{
  border-bottom: 1px solid #878584;
  text-align: left;
  vertical-align: top;
  font-weight: normal;
  line-height: 1.5;
  padding: 10px 0;
}
/* ----------------------------------------
 gallery
------------------------------------------- */
#gallery ul{
  overflow: hidden;
}
#gallery ul li{
  float: left;
  width: 23%;
  margin-bottom: 30px;
  margin-right: 2.6%;
}
#gallery ul li:nth-child(4n){
  margin-right: 0;
}

/* =======================
  PC
======================== */
@media screen and (min-width: 1200px) {}
/* =======================
  TABLET
======================== */
@media screen and (max-width:1199px) {}
/* =======================
  SP
======================== */
@media screen and (max-width: 799px) {
/* ----------------------------------------
 
------------------------------------------- */
#event .float-l{
  float: none;
  width: 100%;
  margin-bottom: 15px;
}
#event .float-r{
  float: none;
  width: 100%;
}
#event h2{
  font-size: 2.0rem;
  margin-bottom: 10px;
}
/* ----------------------------------------
 
------------------------------------------- */
#bus .float-l{
  float: none;
  width: 100%;
}
#bus .float-r{
  float: none;
  width: 100%;
  margin-bottom: 15px;
}
#bus h2{
  font-size: 2.0rem;
  margin-bottom: 10px;
}
/* ----------------------------------------
 
------------------------------------------- */
#info .float-l{
  float: none;
  width: 100%;
  margin-bottom: 15px;
}
#info .float-r{
  float: none;
  width: 100%;
}
#info h2{
  font-size: 1.6rem;
  margin-bottom: 10px;
}
#info table{
  font-size: 1.4rem;
  margin-bottom: 15px;
}
/* ----------------------------------------
 gallery
------------------------------------------- */
#gallery ul li{
  float: left;
  width: 48%;
  margin-bottom: 15px;
  margin-right: 4%;
}
#gallery ul li:nth-child(2n){
  margin-right: 0;
}


}