/* BASE
=========================================== */
#event #contents {
  padding: 25px 0 0;
}

.event_inner {
  margin: 0 4% 20px;
}

.event_inner .event_border {
  text-align: center;
  background: url(../images/event/event_border.gif) repeat-x center 12px;
  background-size: 12px 2px;
	position:relative;
}

.event_inner .event_border .place {
  background-color: #ff5da9;
  color: #fff;
  display: inline-block;
  padding: 2px 20px;
  border-radius: 5px;
  margin: 0 0 5px;
}


 .eventEnd {
  background-color: #ff0000;
  color: #fff;
  display: inline-block;
  padding: 2px 20px;
  border-radius: 5px;
  margin: 0 0 5px;
  right:0px;
  position:absolute;

}

.event_inner h2 {
  color: #ff61a4;
  font-size: 1.2em;
}

.event_inner h3 {
  color: #51abff;
  font-size:0.935em;
}

.event_contents {
  background: url(../images/event/event_border.gif) repeat-x center top;
  margin: 15px 0 0;
  padding: 15px 0 0;
  overflow: hidden;
}

.event_contents .event_image {
  text-align: center;
  margin: 0 0 15px;
}

.event_contents .event_image img {
  border: 1px solid #ffbed9;
}

.event_contents .event-detail .detail {
  font-size: 0;
  margin: 0 0 5px;
  overflow:hidden;
}

.event_contents .event-detail .detail dt {
  background: #ffe0ee;
  color: #ff5da9;
  border-radius: 2.5px;
  width: 18%;
  text-align: center;
  font-size: 1.2rem;
  padding: 2px 0;
  margin: 0 2% 5px 0;
  float:left;
}

.event_contents .event-detail .detail dd {
  font-size: 1.3rem;
  color: #5b4851;
    width: 80%;
      float:left;
}

.event_contents .event-detail .detail dd a {
  color: #5b4851;
}


.event_contents .event-detail2 .detail {
  font-size: 0;
  margin: 0 0 5px;
  overflow:hidden;
}

.event_contents .event-detail2 .detail dt {
  background: #ffe0ee;
  color: #ff5da9;
  border-radius: 2.5px;
  width: 18%;
  text-align: center;
  font-size: 1.2rem;
  padding: 2px 0;
  margin: 0 2% 5px 0;
  float:left;
}

.event_contents .event-detail2 .detail dd {
  font-size: 1.3rem;
  color: #5b4851;
    width: 80%;
      float:left;
}

.event_contents .event-detail2 .detail dd a {
  color: #5b4851;
}



.event_banner_area{width:90%;margin:50px auto;}

/* ==========================================================
  PC only
========================================================== */
@media screen and (min-width: 641px) {
  #event #contents {
    padding: 25px 0 0;
  }
  .event_inner {
    width: 690px;
    margin: 0 auto 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .event_inner .event_border .place {
    padding: 2px 25px 0;
    border-radius: 10px;
    margin: 0 0 10px;
    font-size: 1.8rem;
  }
  
  
.eventEnd {
    padding: 2px 25px 0;
    border-radius: 10px;
    margin: 0 0 10px;
    font-size: 1.8rem;
  }
  .event_inner h2 {
    font-size: 1.375em;
    margin-bottom:5px;
  }
  .event_inner h3 {
    font-size: 1em;
  }
  .event_contents {
    margin: 15px 0 ;
    padding: 20px 0 5px;
    overflow:hidden;
  }
  .event_contents .event_image {
    width: 30%;
    margin: 0 3% 0 0;
    float: left;
  }
  .event_contents .event-detail {
    float: left;
    width: 67%;
  }
  .event_contents .event-detail .event-detail .detail {
    font-size: 0;
    margin: 0 0 10px;
    width: 420px;
  }
  .event_contents .event-detail .event-detail .detail dt {
    border-radius: 5px;
    width: 100px;
    font-size: 1.6rem;
    margin: 0 20px 0 0;
  }
  .event_contents .event-detail .event-detail .detail dd {
    font-size: 2rem;
  }
  
  
    .event_contents .event_image2 {
    width: 30%;
    margin: 0 auto;

  }
  .event_contents .event-detail2 {
    width: 100%;
  }
  .event_contents .event-detail2 .event-detail .detail {
    font-size: 0;
    margin: 0 0 10px;
    width: 420px;
  }
  .event_contents .event-detail2 .event-detail .detail dt {
    border-radius: 5px;
    width: 100px;
    font-size: 1.6rem;
    margin: 0 20px 0 0;
  }
  .event_contents .event-detail2 .event-detail .detail dd {
    font-size: 2rem;
  }
  
  
  
  .event_banner_area{width:690px;margin:70px auto 50px; }
}