@charset "UTF-8";

/* =====================================================================
*     event
* =================================================================== */
#event .sub_mv h1 {
  color: #ff8c00;
}

/* ------ common ----------------------------------- */
h2.sub_ttl {
  background: #ffe730;
}

.event_box {
  background: #ffe730;
  border-radius: 15px;
  padding: 4em 2em;
  width: 100%;
  margin: 4em auto 2em;
  -webkit-box-shadow: 0 15px 10px #ddd;
  -moz-box-shadow: 0 15px 10px #ddd;
  box-shadow: 0 15px 10px #ddd;

}

.event_box {
  position: relative;
  font-size: 18px;
}

.event_box:after {
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  right: 10px;
  left: auto;
  width: 50%;
  top: 80%;
  max-width: 300px;
  background: #777;
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
}

.event_box h3 {
  font-weight: bold;
}

.event_list {
  display: block !important;

}

.event_list li {
  width: 100% !important;
}

.event_list li:before {
  content: "● ";
  color: #ff8c00 !important;
}

.event_list li.none:before {
  content: "";
  color: #ff8c00 !important;
}

.event_list li a {
  word-wrap: break-word;
}


.event_box:after {
  position: absolute;
  content: "";
  top: 25px;
  width: 30%;
  height: 35px;
  opacity: 0.3;
  margin: -35px auto 10px 35%;
  background: #ff8c00;
  transform: rotate(-2deg);
  left: 10px;
  right: 10px;
  z-index: 10;
}

@media screen and (min-width: 768px) {
  .event_box {
    width: 80%;
  }
}