@charset "utf-8";
/* CSS Document */

/* =================================
   ? ???????? base.css ???
   ? ??????????????
================================= */

/* ????????float?????? */
#left,
#right{
  height: auto;
}

/* ===== ???????? ===== */
#event{
  height: auto;
  margin: 0 0 100px 0; /* ??????? */
}

#event a:hover{
  color:#999999;
}

#aboutevent{
  height:auto;
}

#aboutevent p{
  padding:0 0 0 20px;
}

#aboutevent hr {
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #e50011;
}

/* ===== ??????? ===== */
#contents_set{
  margin:0 0 80px 0;
}

#right h4{
  font-size:16px;
  color:#000000;
}

#right p{
  font-size:13px;
  color:#000000;
}

#right a{
  color:#000000;
}

#right a:hover{
  color:#d53d3c;
}

/* ===== ?2????DISC????????????? ===== */
/* ????????????float????? */
#contents_left{
  width:450px;
  float:left;
  margin:0 0 80px 0;
}

#contents_right{
  width:280px;
  float:left;
  margin:0 0 0 20px;
}

/* =========================
   ???????????
========================= */
@media screen and (max-width: 768px){

  /* ?????????????? */
  #event,
  #aboutevent{
    width: auto;
  }

  /* ?2???????? */
  #contents_left,
  #contents_right{
    float: none;
    width: 100%;
    margin: 0 0 24px 0;
  }

}